@charset "UTF-8";
/* 
    Theme Name: Banctel Bernard
    Theme URL: www.bernardbanctel.fr
    Description: Entreprise de peinture
    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: #002135;border: 0;border-radius: 75px;color: #FFFFFF;cursor: pointer;letter-spacing: 1px;margin-top: 20px;width: 200px;-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);}
.btn-sm, .btn-group-sm > .btn{background: #002135 !important;border: 0 !important;border-radius: 75px !important;color: #FFFFFF !important;font: 14px/150% "Asap-Bold" !important;letter-spacing: 0.15vw !important;margin-bottom: 1.5vh !important;padding: 2vh 1.5vw !important;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);}
.btn:hover,.btn:focus{-webkit-transform: scale(0.95); -moz-transform: scale(0.95);-ms-transform: scale(0.95); -o-transform: scale(0.95);transform: scale(0.95);}
.invisible{display: none;}
#main{position: relative;z-index: 1;}

/*--------------------------------------------------------------
/* 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: #FFFFFF;font: 25px/200% "Asap-Bold";letter-spacing: 0.15vw;margin: 0;padding-left: 0;position: relative;text-transform: initial;-moz-transition: all .6s;-webkit-transition: all .5s;-o-transition: all .6s;transition: all .6s;}
.navigation-top.scroll .wrap a{line-height: 200%;}
.navigation-top .current-menu-item > a, .navigation-top .current_page_item > a{color: #d61e2a;}
.navigation-top .main-navigation{clear: both;display: block;}
.navigation-top .main-navigation .navbar-header{background: transparent;background-size: 100% 100%;margin: 0;padding: 3vh 1.5vw;}
.navigation-top .main-navigation .navbar-header .navbar-brand{background: transparent;background-size: 100% 100%;display: block;float: left;height: inherit;margin: 0;padding: 0;position: relative;transition-property: color, width;-webkit-transition: padding .5s ease-out;-moz-transition: padding .5s ease-out;-o-transition: padding .5s ease-out;transition: padding .5s ease-out;}
.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: 75%;}
.navigation-top .main-navigation .navbar-menu{margin-left: 0;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container{float: right;}
.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-item a{color: #d61e2a;}
.navigation-top .main-navigation ul li.current-menu-item a::after{left: 0;width: 100%;}
.navigation-top .main-navigation ul li .sub-menu{background: transparent;left: 0;margin: 0;padding: 1.5vh 0 0 1.1vw;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: #d61e2a;}

/* Menu animation */
.navigation-top .main-navigation .navbar-menu{}
.navigation-top .main-navigation .navbar-menu .menu-btn{background: url(images/banctel-bernard-fond5.png);background-size: 100% 100%;border-radius: 0;border-bottom-left-radius: 15px;cursor: pointer;height: 86px;position: absolute;right: 2.5vw;top: 3.5vh;width: 93px;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: 0.1vw;display: block;height: 3px;margin: auto;position: absolute;text-transform: uppercase;right: 0;top: 6.4vh;width: 65%;transition: background-color .3s ease-in-out;}
.navigation-top .main-navigation .navbar-menu .menu-btn span.top{top: 5.5vh;}
.navigation-top .main-navigation .navbar-menu .menu-btn span.bot{top: 7.3vh;}
.navigation-top .main-navigation .navbar-menu .menu-btn span.titre{background: none;color: #FFFFFF;font: 20px/150% "Montserrat-Bold";left: 0;opacity: 1;margin: auto;position: absolute;right: 0;text-transform: uppercase;top: 2vh;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{background-color: #002135;}
.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: #d61e2a;}
.navigation-top .main-navigation .navbar-menu .menu-btn:hover span.titre{background: none;}
.navigation-top .main-navigation .navbar-menu .menu-btn.active{background: transparent;border: transparent;transform: rotate(0deg);}
.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: 0;top: 4vh;transform: rotate(45deg);transform-origin: left center;width: 40px;}
.navigation-top .main-navigation .navbar-menu .menu-btn.active span.mid{background: #FFFFFF;left: 0;opacity: 0;width: 40px;}
.navigation-top .main-navigation .navbar-menu .menu-btn.active span.bot{background: #FFFFFF;left: 0;top: 7.1vh;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(5,30,43,0.9);background-size: 100% 100%;border-top-left-radius: 0;border-bottom-left-radius: 0;height: 100vh;position: fixed;right: 0;top: 0;transform: translate3d(600px, 0px, 0px);width: 0;}
.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;width: 31.5vw;z-index: 5;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu{margin-top: 0;padding: 0;width: 70%;}
.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: transparent;content: '';height: 2px;left: 0;margin: auto;position: absolute;top: 6.5vh;width: 55%;}
.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;padding: 1.5vh 0;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li:nth-of-type(2) a{color: #FFFFFF;font: 14px/100% "Asap-Light";}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li:nth-of-type(2) a:before{display: none;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li:nth-of-type(2) .sub-menu{border-left: 1px solid #d61e2a;margin: 1.5vh 0 0 1.1vw;padding: 0;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li:nth-of-type(2) .sub-menu li{padding: 0;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li:nth-of-type(2) .sub-menu li a{color: #FFFFFF;font: 20px/150% "Asap-Regular";letter-spacing: 0.15vw;text-transform: initial;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li:nth-of-type(2) .sub-menu li a:hover, .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li:nth-of-type(2) .sub-menu li.current-menu-item a{color: #d61e2a;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li:nth-of-type(3){animation-delay: .45s;}
.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 a{letter-spacing: 0.15;padding-left: 1vw;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/banctel-bernard-puce.png) no-repeat;bottom: 0;content: '';display: block;height: 6px;left: 0;margin: auto;position: absolute;top: 0.2vh;width: 6px;}
.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;}

/*--------------------------------------------------------------
/* Animations
--------------------------------------------------------------*/
@keyframes transparence
{ 
    0%{opacity: 0;}
    100%{opacity: 1;} 
}

@keyframes mouvementImageY
{
    0%{transform: translateY(0);}
    100%{transform: translateY(-7.5vh);}
}

@keyframes mouvementTexteY
{
    0%{transform: translateY(0);}
    100%{transform: translateY(-7.5vh);}
}

@keyframes mouvementTexteNegY 
{
    0%{opacity: 0;transform: translateY(-10px)};
    100%{opacity: 1;transform: translate(0px);}
}

@keyframes mouvementTextePosY 
{
    0%{opacity: 0;transform: translateY(10px)};
    100%{opacity: 1;transform: translate(0px);}
}

@keyframes mouvementTexteNegX
{
    0%{opacity: 0;transform: translateX(-10px)};
    100%{opacity: 1;transform: translate(0px);}
}
@keyframes mouvementTextePosX
{
    0%{opacity: 0;transform: translateX(10px)};
    100%{opacity: 1;transform: translate(0px);}
}

/*--------------------------------------------------------------
/* Page
--------------------------------------------------------------*/
.bloc_banniere{position: relative;}
.bloc_banniere #bloc_image{background: url(images/banctel-bernard-accueil.jpg) 50% 0 no-repeat fixed;background-position-y: -35vh;background-size: 100%;height: 900px;margin: 0 auto;padding: 0;}
.bloc_banniere .bloc_telephone{bottom: 20vh;position: absolute;right: 0;text-align: right;width: 30%;z-index: 2;}
.bloc_banniere .bloc_telephone a{background: url(images/banctel-bernard-fond.png) no-repeat;background-size: 100% 100%;border-bottom-left-radius: 75px;border-top-left-radius: 75px;display: inline-block;padding: 2vh 1.5vw 2.5vh 1.5vw;position: relative;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;transition: all 0.5s ease;}
.bloc_banniere .bloc_telephone a:hover{padding: 2vh 3.5vw 2.5vh 1.5vw;}
.bloc_banniere .bloc_telephone a p{color: #FFFFFF;font: 40px/100% "Asap-Black";margin: 0;padding-left: 2.5vw;position: relative;}
.bloc_banniere .bloc_telephone a p::before{background: url(images/banctel-bernard-telephone.png) no-repeat;background-size: 100%;bottom: 0;content: '';height: 33px;left: 0;margin: auto;position: absolute;top: 0;width: 33px;}
.bloc_banniere .bloc_fleche{bottom: 1vh;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: 108px;width: 108px;-moz-animation: rebounce 2s infinite;-webkit-animation: rebond 2s infinite;animation: rebond 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/banctel-bernard-fleche.png) no-repeat;background-size: 100%;display: inline-block;height: 108px;width: 108px;}

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

.bloc_presentation .bloc_contenu{padding: 0;}
.bloc_presentation .bloc_contenu .bloc_texte{background: url(images/banctel-bernard-fond2.jpg) no-repeat;margin: 0 0 -185px;padding: 10vh 2.5vw 10vh 5vw;}
.bloc_presentation .bloc_contenu .bloc_texte .bloc_detail{padding: 10vh 5vw 10vh 7.5vw;}
.bloc_presentation .bloc_contenu .bloc_texte .bloc_detail h1{color: #002135;font: 50px/100% "Montserrat-Black";margin: 0;padding: 0;text-transform: uppercase;}
.bloc_presentation .bloc_contenu .bloc_texte .bloc_detail hr{background: url(images/banctel-bernard-ligne.png) no-repeat;border: 0;height: 15px;margin: 2.5vh auto 2.5vh;}
.bloc_presentation .bloc_contenu .bloc_texte .bloc_detail a, .bloc_presentation .bloc_contenu .bloc_texte .bloc_detail p{color: #002135;font: 18px/125% "Asap-Regular";-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto;}
.bloc_presentation .bloc_contenu .bloc_texte .bloc_detail a.bouton{background: #002135;border: 0;border-radius: 75px;color: #FFFFFF;display: inline-block;font: 16px/100% "Asap-Bold";letter-spacing: 0.15vw;margin-top: 3.5vh;padding: 1.5vh 1vw;position: relative;text-transform: uppercase;z-index: 1;-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 .bloc_texte .bloc_detail a.bouton:nth-of-type(2){margin-left: 0.5vw;padding: 1.5vh 1vw 1.5vh 2vw;}
.bloc_presentation .bloc_contenu .bloc_texte .bloc_detail a.bouton:nth-of-type(2)::before{background: url(images/banctel-bernard-telephone.png) no-repeat;background-size: 100%;bottom: 0;content: '';height: 20px;left: 0.5vw;margin: auto;position: absolute;top: 0;width: 20px;}
.bloc_presentation .bloc_contenu .bloc_texte .bloc_detail 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 .bloc_texte .bloc_detail a.facebook{background: url(images/banctel-bernard-facebook.png) no-repeat;display: inline-block;height: 50px;left: 0;position: absolute;top: 10.7vh;width: 50px;-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 .bloc_texte .bloc_detail a.facebook:hover{-webkit-transform: scale(0.90); -moz-transform: scale(0.90);-ms-transform: scale(0.90); -o-transform: scale(0.90);transform: scale(0.90);}
.bloc_presentation .bloc_contenu .bloc_texte .bloc_detail p strong{font-family: "Asap-Bold";font-weight: normal;}
.bloc_presentation .bloc_contenu .bloc_texte .bloc_diapo{padding: 0 1vw 0 0;}
.bloc_presentation .bloc_contenu .bloc_texte .bloc_diapo .carousel{z-index: 1;}
.bloc_presentation .bloc_contenu .bloc_texte .bloc_diapo .carousel .carousel-inner{border-radius: 35px;box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);cursor: pointer;height: 665px;list-style: none;margin-bottom: 0;overflow: hidden;width: 100%;}
.bloc_presentation .bloc_contenu .bloc_texte .bloc_diapo .carousel .carousel-inner .item img{margin-left: -7.5vw;max-width: none;width: 145%;}
.bloc_presentation .bloc_contenu .bloc_texte .bloc_diapo .carousel-control{background: transparent;}
.bloc_presentation .bloc_contenu .bloc_texte .bloc_diapo .fleche_gauche_primary{left: 25%;position: absolute;top: 45%;}
.bloc_presentation .bloc_contenu .bloc_texte .bloc_diapo .fleche_droite_primary{right: 25%;position: absolute;top: 45%;}
.bloc_presentation .bloc_contenu .bloc_texte .bloc_diapo .fleche_gauche_primary img, .bloc_presentation .bloc_contenu .bloc_texte .bloc_diapo .fleche_droite_primary img{width: 70%;}
.bloc_presentation .bloc_contenu .bloc_travaux{background: url(images/banctel-bernard-fond3.png) no-repeat;background-size: 100%;min-height: 764px;padding: 22vh 10vw 0 58.5vw;}
.bloc_presentation .bloc_contenu .bloc_travaux h2{color: #002135;font: 38px/100% "Montserrat-Black";margin: 0 0 3.5vh;padding: 0;text-transform: uppercase;width: 120%;}
.bloc_presentation .bloc_contenu .bloc_travaux a, .bloc_presentation .bloc_contenu .bloc_travaux p{color: #002135;font: 18px/125% "Asap-Regular";-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto;}
.bloc_presentation .bloc_contenu .bloc_travaux p strong{font-family: "Asap-Bold";font-weight: normal;}
.bloc_presentation .bloc_contenu .bloc_travaux .bloc_partenaires{left: 42vw;position: absolute;text-align: center;width: 220px;top: 22.5vh;}
.bloc_presentation .bloc_contenu .bloc_travaux .bloc_partenaires img:nth-of-type(2){margin: 6.5vh 0 4.5vh;}

.bloc_categorie.projet{padding: 0 !important;}
.bloc_categorie.projet .bloc_contenu{padding: 0 5vw 7.5vh;}
.bloc_categorie.projet .bloc_contenu .bloc_texte{padding: 0 30vw 5vh 7.5vw;}
.bloc_categorie.projet .bloc_contenu .bloc_texte h1{color: #002135;font: 50px/100% "Montserrat-Black";margin: 0;padding: 0;text-transform: uppercase;}
.bloc_categorie.projet .bloc_contenu .bloc_texte hr{background: url(images/banctel-bernard-ligne.png) no-repeat;border: 0;height: 15px;margin: 2.5vh auto 2.5vh;}
.bloc_categorie.projet .bloc_contenu .bloc_texte a, .bloc_categorie.projet .bloc_contenu .bloc_texte p{color: #002135;font: 18px/125% "Asap-Regular";-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto;}
.bloc_categorie.projet .bloc_contenu .bloc_texte a.facebook{background: url(images/banctel-bernard-facebook.png) no-repeat;display: inline-block;height: 50px;left: 0;position: absolute;top: 0.7vh;width: 50px;-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_categorie.projet .bloc_contenu .bloc_texte a.facebook:hover{-webkit-transform: scale(0.90); -moz-transform: scale(0.90);-ms-transform: scale(0.90); -o-transform: scale(0.90);transform: scale(0.90);}
.bloc_categorie.projet .bloc_contenu .bloc_texte p strong{font-family: "Asap-Bold";font-weight: normal;}
.bloc_categorie.projet .bloc_contenu .bloc_vignettes{padding: 0;}
.bloc_categorie.projet .bloc_contenu .bloc_vignettes .bloc_vignette{margin: 0 0 3vh;}
.bloc_categorie.projet .bloc_contenu .bloc_vignettes .bloc_vignette 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);}
.bloc_categorie.projet .bloc_contenu .bloc_vignettes .bloc_vignette 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);}
.bloc_categorie.projet .bloc_contenu .bloc_vignettes .bloc_vignette a .bloc_image{height: 405px;overflow: hidden;padding: 0;}
.bloc_categorie.projet .bloc_contenu .bloc_vignettes .bloc_vignette a .bloc_image img{height: auto;width: 100%;}
.bloc_categorie.projet .bloc_contenu .bloc_vignettes .bloc_vignette a .bloc_image.image-portrait img{margin-top: -70%;}
.bloc_categorie.projet .bloc_contenu .bloc_vignettes .bloc_vignette a .bloc_image .bloc_legende{background: rgba(5,30,43,0.9);bottom: 0;color: #FFFFFF;font: 18px/100% "Montserrat-Bold";padding: 1.5vh 1vw;position: absolute;text-align: center;text-transform: uppercase;width: 100%;z-index: 2;}
.bloc_categorie.projet .bloc_contenu .bloc_vignettes .bloc_vignette a .bloc_image .bloc_masque{background: rgba(5,30,43,0.7);background-size: 100% 100%;display: block;opacity: 0;position: absolute;text-align: center;top: 0;width: 100%;height: 100%;transition: opacity 0.3s ease-in-out;z-index: 1;}
.bloc_categorie.projet .bloc_contenu .bloc_vignettes .bloc_vignette a:hover .bloc_image .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_categorie.projet .bloc_contenu .bloc_vignettes .bloc_vignette a .bloc_image .bloc_croix{background: url(images/banctel-bernard-croix.png) no-repeat;background-size: 100%;bottom: 0;display: inline-block;height: 114px;left: 0;margin: auto;position: absolute;right: 0;top: 0;vertical-align: -1px;width: 97px;}

.bloc_article .bloc_contenu{padding: 0 5vw 7.5vh;}
.bloc_article .bloc_contenu .bloc_texte{padding: 0 7.5vw 2.5vh;}
.bloc_article .bloc_contenu .bloc_texte h1{color: #002135;font: 50px/100% "Montserrat-Black";margin: 0;padding: 0;text-transform: uppercase;}
.bloc_article .bloc_contenu .bloc_texte h2{color: #01375b;font: 18px/100% "Montserrat-Bold";letter-spacing: 0.15vw;margin: 1vh 0 0;padding: 0;text-transform: uppercase;}
.bloc_article .bloc_contenu .bloc_texte hr{background: url(images/banctel-bernard-ligne.png) no-repeat;border: 0;height: 15px;margin: 2.5vh auto 2.5vh;}
.bloc_article .bloc_contenu .bloc_texte a, .bloc_article .bloc_contenu .bloc_texte p{color: #002135;font: 18px/125% "Asap-Regular";-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto;}
.bloc_article .bloc_contenu .bloc_texte a.facebook{background: url(images/banctel-bernard-facebook.png) no-repeat;display: inline-block;height: 50px;left: 0;position: absolute;top: 0.7vh;width: 50px;-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_article .bloc_contenu .bloc_texte a.facebook:hover{-webkit-transform: scale(0.90); -moz-transform: scale(0.90);-ms-transform: scale(0.90); -o-transform: scale(0.90);transform: scale(0.90);}
.bloc_article .bloc_contenu .bloc_texte p strong{font-family: "Asap-Bold";font-weight: normal;}
.bloc_article .bloc_contenu .bloc_galerie{animation: mouvementTextePosX 1s ease 850ms backwards;background: transparent;display: grid;grid-gap: 3.5vh 1.5vw;grid-template-columns: repeat(4, 1fr);grid-auto-rows: auto;margin: 0;padding: 5vh 0 0;}
.bloc_article .bloc_contenu .bloc_galerie a{border-radius: 25px;display: block;overflow: hidden;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 a:hover{-webkit-transform: scale(0.975);transform: scale(0.975);}
.bloc_article .bloc_contenu .bloc_galerie a.image-carre{border: 0 solid transparent;border-radius: 0;box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);grid-column-end: span 2;grid-row-end: span 1;}
.bloc_article .bloc_contenu .bloc_galerie a.image-portrait{border: 0 solid transparent;border-radius: 0;box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);grid-column-end: span 2;grid-row-end: span 2;max-height: auto;}
.bloc_article .bloc_contenu .bloc_galerie a.image-portrait img{height: auto;margin-top: 0;}
.bloc_article .bloc_contenu .bloc_galerie a.image-spec{border: 0 solid transparent;border-radius: 0;box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);grid-column-end: span 2;grid-row-end: span 1;}
.bloc_article .bloc_contenu .bloc_galerie a img{height: 100%;width: 100%;}
.bloc_article .bloc_contenu .bloc_galerie a .bloc_legende{background: rgba(5,30,43,0.9);bottom: 0;color: #FFFFFF;font: 18px/100% "Montserrat-Bold";padding: 1.5vh 1vw;position: absolute;text-align: center;text-transform: uppercase;width: auto;z-index: 2;}
.bloc_article .bloc_contenu .bloc_galerie a .bloc_masque{background: rgba(5,30,43,0.7);background-size: 100% 100%;display: block;opacity: 0;position: absolute;text-align: center;top: 0;width: 100%;height: 100%;transition: opacity 0.3s ease-in-out;z-index: 1;}
.bloc_article .bloc_contenu .bloc_galerie a: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 a .bloc_croix{background: url(images/bearn-boissons-services-croix.png) no-repeat;background-size: 100%;display: inline-block;height: 114px;vertical-align: -1px;width: 97px;}
.bloc_article .bloc_contenu .bloc_galerie a.image-carre .bloc_croix{bottom: 0;left: 0;right: 0;top: 0;margin: auto;position: absolute;}
.bloc_article .bloc_contenu .bloc_galerie a.image-portrait .bloc_croix{bottom: 0;left: 0;right: 0;top: 0;margin: auto;position: absolute;}
.bloc_article .bloc_contenu .bloc_galerie a.image-spec .bloc_croix{bottom: 0;left: 0;right: 0;top: 0;margin: auto;position: absolute;}

.bloc_recrutement .bloc_contenu{padding: 0 5vw 7.5vh;}
.bloc_recrutement .bloc_contenu .bloc_texte{padding: 0 0 2.5vh 7.5vw;}
.bloc_recrutement .bloc_contenu .bloc_texte h1{color: #002135;font: 50px/100% "Montserrat-Black";margin: 0;padding: 0;text-transform: uppercase;}
.bloc_recrutement .bloc_contenu .bloc_texte h2{color: #01375b;font: 18px/100% "Montserrat-Bold";letter-spacing: 0.15vw;margin: 1vh 0 0;padding: 0;text-transform: uppercase;}
.bloc_recrutement .bloc_contenu .bloc_texte hr{background: url(images/banctel-bernard-ligne.png) no-repeat;border: 0;height: 15px;margin: 2.5vh auto 2.5vh;}
.bloc_recrutement .bloc_contenu .bloc_texte a, .bloc_recrutement .bloc_contenu .bloc_texte p{color: #002135;font: 18px/125% "Asap-Regular";-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto;}
.bloc_recrutement .bloc_contenu .bloc_texte a.facebook{background: url(images/banctel-bernard-facebook.png) no-repeat;display: inline-block;height: 50px;left: 0;position: absolute;top: 0.7vh;width: 50px;-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_recrutement .bloc_contenu .bloc_texte a.facebook:hover{-webkit-transform: scale(0.90); -moz-transform: scale(0.90);-ms-transform: scale(0.90); -o-transform: scale(0.90);transform: scale(0.90);}
.bloc_recrutement .bloc_contenu .bloc_texte p strong{font-family: "Asap-Bold";font-weight: normal;}
.bloc_recrutement .bloc_contenu .bloc_formulaire{padding: 12.5vh 0 0 2.5vw;position: relative;text-align: left;z-index: 1;}
.bloc_recrutement .bloc_contenu .bloc_formulaire .wpcf7-response-output{border: 0;margin: 0;padding: 0;}
.bloc_recrutement .bloc_contenu .bloc_formulaire span.question{color: #002135;display: block;font: 20px/125% "Asap-Regular";display: inline-block;margin-bottom: 25px;text-transform: uppercase;}
.bloc_recrutement .bloc_contenu .bloc_formulaire .bloc_champs{padding: 0;}
.bloc_recrutement .bloc_contenu .bloc_formulaire .bloc_champs p{margin: 0;}
.bloc_recrutement .bloc_contenu .bloc_formulaire .bloc_champs br{display: none;}
.bloc_recrutement .bloc_contenu .bloc_formulaire .form-group label{color: #002135;font: 18px/150% "Asap-Regular";display: inline-block;}
.bloc_recrutement .bloc_contenu .bloc_formulaire .form-group select{background-color: #FFFFFF;background-image: none;border: 1px solid #ccc;display: block;height: 34px;padding: 6px 12px;width: 100%;}
.bloc_recrutement .bloc_contenu .bloc_formulaire .form-group input[type="submit"]{background: #002135;border: 0;border-radius: 75px;color: #FFFFFF;font: 16px/100% "Asap-Bold";display: inline-block;height: auto;letter-spacing: 0.15vw;padding: 2vh 1.5vw;text-transform: uppercase;;width: auto;-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_recrutement .bloc_contenu .bloc_formulaire .form-group input[type="submit"]: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_recrutement .bloc_contenu .bloc_formulaire .bloc_gauche{padding-left: 0;}
.bloc_recrutement .bloc_contenu .bloc_formulaire .bloc_droite{padding-right: 0;}
.bloc_recrutement .bloc_contenu .bloc_formulaire .bloc_centre{padding: 0;}
.bloc_recrutement .bloc_contenu .bloc_formulaire .bloc_pictos{padding: 5vh 0 0;width: 75%;}
.bloc_recrutement .bloc_contenu .bloc_formulaire .bloc_pictos hr{background: #669933;border: 0;height: 1px;margin: auto auto 5vh;;width: 100%;}
.bloc_recrutement .bloc_contenu .bloc_formulaire .bloc_pictos .bloc_picto:nth-of-type(2){border-left: #999999 solid 2px;padding-left: 2.5vw;}

.bloc_contact .bloc_contenu{padding: 0 5vw 7.5vh;}
.bloc_contact .bloc_contenu .bloc_texte{animation: mouvementTextePosX 1s ease 750ms backwards;padding: 0;}
.bloc_contact .bloc_contenu .bloc_texte .bloc_titre{padding: 0;}
.bloc_contact .bloc_contenu .bloc_texte .bloc_titre h1{color: #002135;font: 50px/100% "Montserrat-Black";margin: 0;padding: 0;text-transform: uppercase;}
.bloc_contact .bloc_contenu .bloc_texte .bloc_titre hr{background: url(images/banctel-bernard-ligne.png) no-repeat;border: 0;height: 15px;margin: 2.5vh auto 2.5vh;}
.bloc_contact .bloc_contenu .bloc_texte .bloc_formulaire{padding: 0 2.5vw 0 0;position: relative;text-align: left;z-index: 1;}
.bloc_contact .bloc_contenu .bloc_texte .bloc_formulaire .wpcf7-response-output{border: 0;margin: 0;padding: 0;}
.bloc_contact .bloc_contenu .bloc_texte .bloc_formulaire span.question{color: #002135;display: block;font: 20px/125% "Asap-Regular";display: inline-block;margin-bottom: 25px;text-transform: uppercase;}
.bloc_contact .bloc_contenu .bloc_texte .bloc_formulaire .bloc_champs{padding: 0;}
.bloc_contact .bloc_contenu .bloc_texte .bloc_formulaire .bloc_champs p{margin: 0;}
.bloc_contact .bloc_contenu .bloc_texte .bloc_formulaire .bloc_champs br{display: none;}
.bloc_contact .bloc_contenu .bloc_texte .bloc_formulaire .form-group label{color: #002135;font: 18px/150% "Asap-Regular";display: inline-block;}
.bloc_contact .bloc_contenu .bloc_texte .bloc_formulaire .form-group select{background-color: #FFFFFF;background-image: none;border: 1px solid #ccc;display: block;height: 34px;padding: 6px 12px;width: 100%;}
.bloc_contact .bloc_contenu .bloc_texte .bloc_formulaire .form-group input[type="submit"]{background: #002135;border: 0;border-radius: 75px;color: #FFFFFF;font: 16px/100% "Asap-Bold";display: inline-block;height: auto;letter-spacing: 0.15vw;padding: 2vh 1.5vw;text-transform: uppercase;;width: auto;-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_contact .bloc_contenu .bloc_texte .bloc_formulaire .form-group input[type="submit"]: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_contact .bloc_contenu .bloc_texte .bloc_formulaire .bloc_gauche{padding-left: 0;}
.bloc_contact .bloc_contenu .bloc_texte .bloc_formulaire .bloc_droite{padding-right: 0;}
.bloc_contact .bloc_contenu .bloc_texte .bloc_formulaire .bloc_centre{padding: 0;}
.bloc_contact .bloc_contenu .bloc_texte .bloc_formulaire .bloc_pictos{padding: 5vh 0 0;width: 75%;}
.bloc_contact .bloc_contenu .bloc_texte .bloc_formulaire .bloc_pictos hr{background: #669933;border: 0;height: 1px;margin: auto auto 5vh;;width: 100%;}
.bloc_contact .bloc_contenu .bloc_texte .bloc_formulaire .bloc_pictos .bloc_picto:nth-of-type(2){border-left: #999999 solid 2px;padding-left: 2.5vw;}
.bloc_contact .bloc_contenu .bloc_texte .bloc_carte{position: relative;z-index: 1;}
.bloc_contact .bloc_contenu .bloc_texte .bloc_carte iframe{height: 368px;width: 100%;}
.bloc_contact .bloc_contenu .bloc_texte .bloc_adresse{padding: 2.5vh 0 0 0.8vw;position: relative;text-align: left;z-index: 1;}
.bloc_contact .bloc_contenu .bloc_texte .bloc_adresse .bloc_gauche{padding-left: 0;}
.bloc_contact .bloc_contenu .bloc_texte .bloc_adresse .bloc_droite{padding-right: 0;}
.bloc_contact .bloc_contenu .bloc_texte .bloc_adresse h2{color: #002135;font: 30px/100% "Montserrat-Bold";margin: 0;padding: 0;text-transform: uppercase;}
.bloc_contact .bloc_contenu .bloc_texte .bloc_adresse p{color: #002135;font: 18px/150% "Asap-Regular";}
.bloc_contact .bloc_contenu .bloc_texte .bloc_adresse a{color: #002135;display: inline-block;font: 18px/150% "Asap-Regular";-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_texte .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_texte .bloc_adresse a.bloc_phones{background: transparent;margin: 0;padding: 0 0 0 1.3vw;position: relative;}
.bloc_contact .bloc_contenu .bloc_texte .bloc_adresse a.bloc_phones:before{background: url(images/banctel-bernard-telephone2.png) no-repeat;background-size: 100%;bottom: 0;content: '';height: 18px;left: 0;margin: auto;position: absolute;top: -0.05vh;width: 18px;}
.bloc_contact .bloc_contenu .bloc_texte .bloc_adresse img.icpe{bottom: -25vh;position: absolute;right: 5vw;}
.bloc_contact .bloc_contenu .bloc_texte .bloc_image{padding: 2.5vh 0 0;}
.bloc_contact .bloc_contenu .bloc_texte .bloc_image img{border-radius: 35px;height: auto;width: 100%;}

.bloc_mention .bloc_contenu{padding: 0 5vw 7.5vh;}
.bloc_mention .bloc_contenu .bloc_texte{animation: mouvementTextePosX 1s ease 750ms backwards;padding: 0;}
.bloc_mention .bloc_contenu .bloc_texte .bloc_detail{color: #002135;font: 18px/150% "Asap-Regular";margin-left: -0.8vw;padding: 0;position: relative;text-align: left;z-index: 1;}
.bloc_mention .bloc_contenu .bloc_texte .bloc_detail .bloc_titre{padding: 0 0 2.5vh 0.7vw;}
.bloc_mention .bloc_contenu .bloc_texte .bloc_detail .bloc_titre h1{color: #002135;font: 50px/100% "Montserrat-Black";margin: 0;padding: 0;text-transform: uppercase;}
.bloc_mention .bloc_contenu .bloc_texte .bloc_detail h2{color: #002135;font: 30px/100% "Montserrat-Bold";margin: 0;padding: 0;}
.bloc_mention .bloc_contenu .bloc_texte .bloc_detail p{color: #002135;font: 18px/150% "Asap-Regular";}
.bloc_mention .bloc_contenu .bloc_texte .bloc_detail a{color: #002135;font: 18px/150% "Asap-Regular";}
.bloc_mention .bloc_contenu .bloc_texte .bloc_detail a:hover{color: #d61e2a;}
.bloc_mention .bloc_contenu .bloc_texte .bloc_detail img{width: auto !important;}
.bloc_mention .bloc_contenu .bloc_texte .bloc_detail .mentionslegales{border: 1px solid #002135;padding: 25px;}

.bloc_lost .bloc_contenu{padding: 0 5vw 7.5vh;}
.bloc_lost .bloc_contenu .bloc_texte{animation: mouvementTextePosX 1s ease 750ms backwards;padding: 0;}
.bloc_lost .bloc_contenu .bloc_texte .bloc_titre{padding: 0 0 2.5vh;}
.bloc_lost .bloc_contenu .bloc_texte .bloc_titre h1{color: #002135;font: 50px/100% "Montserrat-Black";margin: 0;padding: 0;text-transform: uppercase;}
.bloc_lost .bloc_contenu .bloc_texte .bloc_titre hr{background: url(images/banctel-bernard-ligne.png) no-repeat;border: 0;height: 15px;margin: 2.5vh auto 2.5vh;}
.bloc_lost .bloc_contenu .bloc_texte .bloc_titre p{color: #002135;font: 18px/150% "Asap-Regular";}
.bloc_lost .bloc_contenu .bloc_texte h2{color: #002135;font: 30px/100% "Montserrat-Bold";margin: 0;padding: 0;}
.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: #002135;font: 18px/150% "Asap-Regular";}
.bloc_lost .bloc_contenu .bloc_texte a:hover{color: #d61e2a;}
.bloc_lost .bloc_contenu .bloc_texte .bloc_infos{padding: 0;}
.bloc_lost .bloc_contenu .bloc_texte .bloc_recherche{margin-top: -15px;padding: 0;}
.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: 70%;}
.bloc_lost .bloc_contenu .bloc_texte .bloc_recherche .search-submit[type="submit"]{background: #002135;border: none;border-radius: 0;color: #FFFFFF;cursor: pointer;height: 50px;margin-left: -5px;margin-top: 20px;vertical-align: 0;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: #d61e2a;}
.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: 0 5vw 7.5vw!important;}
.bloc_tag .bloc_texte, .bloc_categorie .bloc_texte, .bloc_archive .bloc_texte, .bloc_search .bloc_texte{padding: 0;}
.bloc_tag .bloc_titre, .bloc_categorie .bloc_titre, .bloc_archive .bloc_titre, .bloc_search .bloc_titre{padding: 0;text-align: left;}
.bloc_tag .bloc_titre h1, .bloc_categorie .bloc_titre h1, .bloc_archive .bloc_titre h1, .bloc_search .bloc_titre h1{color: #002135;font: 50px/100% "Montserrat-Black";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/banctel-bernard-ligne.png) no-repeat;border: 0;height: 15px;margin: 2.5vh auto 2.5vh;}

.bloc_loop .bloc_contenu{color: #002135;font: 18px/150% "Asap-Regular";padding: 0;position: relative;text-align: left;z-index: 1;}
.bloc_loop .bloc_contenu h2{color: #002135;;font: 30px/100% "Montserrat-Bold";margin: 2.5vh 0 0.5vh;padding: 0;}
.bloc_loop .bloc_contenu p{color: #002135;font: 18px/150% "Asap-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: rgba(1,55,91,0.25);font: 14px/150% "Asap-Regular";text-align: justify;-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto;}
.bloc_loop .bloc_contenu p.keyword a:hover{color: #d61e2a;}

/*--------------------------------------------------------------
/* Footer
--------------------------------------------------------------*/
footer#main{z-index: 1;}
footer#main .bloc_logo{padding: 0;}
footer#main .bloc_logo .bloc_chalandise{min-height: 575px;padding: 20vh 60vw 0 0;text-align: right;}
footer#main .bloc_logo .bloc_chalandise h2{color: #000000;font: 40px/100% "Montserrat-Black";margin: 0;padding: 0;text-transform: uppercase;}
footer#main .bloc_logo .bloc_chalandise hr{background: url(images/banctel-bernard-ligne.png) no-repeat;border: 0;display: inline-block;height: 15px;margin: 0;width: 45px;}
footer#main .bloc_logo .bloc_chalandise a, footer#main .bloc_logo .bloc_chalandise p{color: #000000;font: 14px/125% "Asap-Light";letter-spacing: 0.10vw;text-transform: uppercase;}
footer#main .bloc_logo .bloc_chalandise img.carte{position: absolute;right: 22vw;top: 0;}

footer#main .bloc_logo .bloc_telephone{padding: 0;text-align: center;}
footer#main .bloc_logo .bloc_telephone a{background: url(images/banctel-bernard-fond4.png) no-repeat;display: inline-block;margin: 0 0 1vh;padding: 4.5vh 5vw;-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_logo .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_logo .bloc_telephone a span{color: #01375b;display: block;font: 16px/125% "Asap-Regular";letter-spacing: 0.15vw;}
footer#main .bloc_logo .bloc_telephone p{color: #01375b;display: block;font: 40px/100% "Asap-Black";letter-spacing: 0.10vw;margin: 0.5vh 0 0;padding: 0 0 0 2.5vw;position: relative;text-transform: uppercase;}
footer#main .bloc_logo .bloc_telephone p:before{background: url(images/banctel-bernard-telephone2.png) no-repeat;background-size: 100%;bottom: 0;content: '';display: block;height: 33px;left: 0;margin: auto;position: absolute;top: 0;width: 33px;}
footer#main .bloc_logo .bloc_image{padding: 5vh 0 4vh;text-align: center;}
footer#main .bloc_logo .bloc_image img{width: auto;}
footer#main .bloc_logo .bloc_adresse{background-size: 100%;padding: 2.5vh 0 0;text-align: center;}
footer#main .bloc_logo .bloc_adresse p{color: #000000;font: 14px/100% "Asap-Light";letter-spacing: 0.15vw;text-transform: uppercase;}
footer#main .bloc_logo .bloc_adresse .bloc_credits{color: #1a1a1a;padding: 1.5vh 0 0;}
footer#main .bloc_logo .bloc_adresse .bloc_credits a{color: #1a1a1a;font: 14px/100% "Asap-Light";letter-spacing: 0.10vw;margin: 0 0.2vw 0 0;}
footer#main .bloc_logo .bloc_adresse .bloc_credits a:nth-of-type(2){margin-left: 0;}
footer#main .bloc_logo .bloc_adresse .bloc_credits a:nth-of-type(2) img{display: inline-block;margin: 0 0.25vw 0 0.5vw;}
footer#main .bloc_logo .bloc_adresse .bloc_credits a:hover{color: #d61e2a;}
footer#main .bloc_logo .bloc_adresse .bloc_credits hr{background: #d61e2a;border: 0;margin: 2.5vh auto auto;height: 20px;width: 100%;}

/*--------------------------------------------------------------
/*  Media Queries
--------------------------------------------------------------*/
@media screen and (max-width: 1919px)
{
    .navigation-top{padding: 0;}
    .navigation-top .main-navigation .navbar-header{margin-left: 0;padding: 3vh 1.5vw;}
    .navigation-top .main-navigation .navbar-header .navbar-brand{padding: 0;}
    .navigation-top .main-navigation .navbar-header .navbar-brand img{width: 100%;}
    .navigation-top.scroll .main-navigation .navbar-header .navbar-brand img{width: 75%;}
    .navigation-top .main-navigation .navbar-menu{margin-left: 0;}
    .navigation-top .main-navigation .navbar-menu .menu-btn{background-size: 100% 100%;height: 86px;right: 1.5vw;top: 2.5vh;width: 93px;}
    .navigation-top .main-navigation .navbar-menu .menu-btn span{left: 0.1vw;top: 9.5vh;width: 68%;}
    .navigation-top .main-navigation .navbar-menu .menu-btn span.top{top: 8vh;}
    .navigation-top .main-navigation .navbar-menu .menu-btn span.bot{top: 10.8vh;}
    .navigation-top .main-navigation .navbar-menu .menu-btn.active span.top{left: 1vw;top: 4.5vh;}
    .navigation-top .main-navigation .navbar-menu .menu-btn.active span.bot{left: 1vw;top: 9.2vh;}
    .navigation-top .main-navigation .navbar-menu .menu-btn span.titre{left: 0;top: 3vh;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide{height: 100%;width: 0;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide.open{padding-left: 2.5vw;width: 40%;}
    .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{margin-left: 0;padding-left: 0;width: 85%;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li{margin-bottom: auto;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li a{font-size: 22px;line-height: 175% !important;padding-left: 0;}    
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li a::after{top: 7vh;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li a::before{left: -1.5vw;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li:nth-of-type(2) .sub-menu{margin: 1.5vh 0 0 0.2vw;}  
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li:nth-of-type(2) .sub-menu li{padding: 0;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li:nth-of-type(2) .sub-menu li a{font-size: 20px;padding-left: 1.5vw;}
    .navigation-top .main-navigation ul{margin: 0;}
    .navigation-top .main-navigation ul li .sub-menu{margin-bottom: -2.5vh;padding: 3.5vh 0 0 1.6vw;}
    .navigation-top .wrap a{font-size: 22px;line-height: 150%;margin: 0;padding-left: 0;}
    .navigation-top.scroll .wrap a{line-height: 225%;}
    
    .bloc_banniere #bloc_image{height: 590px;}
    .bloc_banniere .bloc_telephone a p{padding-left: 3vw;}
    .bloc_presentation .bloc_contenu .bloc_texte{margin: 0 0 -145px;}
    .bloc_presentation .bloc_contenu .bloc_texte .bloc_detail h1{font-size: 38px;}
    .bloc_presentation .bloc_contenu .bloc_texte .bloc_detail a.bouton:nth-of-type(2){padding: 1.5vh 1vw 1.5vh 2.5vw;}
    .bloc_presentation .bloc_contenu .bloc_texte .bloc_diapo .carousel .carousel-inner{height: 525px;}
    .bloc_presentation .bloc_contenu .bloc_texte .bloc_diapo .carousel .carousel-inner .item img{margin-left: -30%;width: 180%;}
    .bloc_presentation .bloc_contenu .bloc_travaux{background-position-x: 35%;background-size: 135%;min-height: 680px;padding: 30vh 5vw 0 58.5vw;}
    .bloc_presentation .bloc_contenu .bloc_travaux h2{font-size: 25px;width: 100%;}
    .bloc_presentation .bloc_contenu .bloc_travaux .bloc_partenaires{left: 39vw;top: 30vh;}
    .bloc_presentation .bloc_contenu .bloc_travaux .bloc_partenaires img:nth-of-type(2){margin: 6.5vh 0;}
    .bloc_categorie.projet .bloc_contenu .bloc_vignettes .bloc_vignette a .bloc_image{height: 280px;}
    .bloc_recrutement .bloc_contenu .bloc_formulaire{padding: 16.5vh 0 0 2.5vw;}
    .bloc_contact .bloc_contenu .bloc_texte .bloc_adresse h2{font-size: 25px;}
	.bloc_contact .bloc_contenu .bloc_texte .bloc_adresse a.bloc_phones{padding: 0 0 0 1.8vw;}
    .bloc_mention .bloc_contenu .bloc_texte .bloc_detail .bloc_titre{padding: 0 0 2.5vh 0.9vw;}
    .bloc_mention .bloc_contenu .bloc_texte .bloc_detail img{width: 100% !important;}
    footer#main .bloc_logo .bloc_telephone a{padding: 7.5vh 7.5vw;}
    footer#main .bloc_logo .bloc_telephone p{padding: 0 0 0 3.5vw;}        
}
@media screen and (min-width: 1367px) and (max-width: 1600px)
{
    .navigation-top{padding: 0;}
    .navigation-top .main-navigation .navbar-header{margin-left: 0;padding: 3vh 1.5vw;}
    .navigation-top .main-navigation .navbar-header .navbar-brand{padding: 0;}
    .navigation-top .main-navigation .navbar-header .navbar-brand img{width: 100%;}
    .navigation-top.scroll .main-navigation .navbar-header .navbar-brand img{width: 75%;}
    .navigation-top .main-navigation .navbar-menu{margin-left: 0;}
    .navigation-top .main-navigation .navbar-menu .menu-btn{background-size: 100% 100%;height: 86px;right: 1.5vw;top: 1.5vh;width: 93px;}
    .navigation-top .main-navigation .navbar-menu .menu-btn span{left: 0.1vw;top: 6.6vh;width: 68%;}
    .navigation-top .main-navigation .navbar-menu .menu-btn span.top{top: 5.7vh;}
    .navigation-top .main-navigation .navbar-menu .menu-btn span.bot{top: 7.5vh;}
    .navigation-top .main-navigation .navbar-menu .menu-btn.active span.top{left: 1vw;top: 3.3vh;}
    .navigation-top .main-navigation .navbar-menu .menu-btn.active span.bot{left: 1vw;top: 6.5vh;}
    .navigation-top .main-navigation .navbar-menu .menu-btn span.titre{left: 0;top: 2vh;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide{height: 100%;width: 0;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide.open{padding-left: 2.5vw;width: 40%;}
    .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{margin-left: 0;padding-left: 0;width: 85%;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li{margin-bottom: auto;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li a{font-size: 22px;line-height: 175% !important;padding-left: 0;}    
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li a::after{top: 7vh;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li a::before{left: -1.5vw;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li:nth-of-type(2) .sub-menu{margin: 1.5vh 0 0 0.2vw;}  
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li:nth-of-type(2) .sub-menu li{padding: 0;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li:nth-of-type(2) .sub-menu li a{font-size: 20px;padding-left: 1.5vw;}
    .navigation-top .main-navigation ul{margin: 0;}
    .navigation-top .main-navigation ul li .sub-menu{margin-bottom: -2.5vh;padding: 3.5vh 0 0 1.6vw;}
    .navigation-top .wrap a{font-size: 22px;line-height: 150%;margin: 0;padding-left: 0;}
    .navigation-top.scroll .wrap a{line-height: 225%;}
    
    .bloc_banniere #bloc_image{background-position-y: -25vh;height: 835px;}
    .bloc_presentation .bloc_contenu .bloc_texte{margin: 0 0 -210px;}
    .bloc_presentation .bloc_contenu .bloc_travaux{min-height: 800px;}
    .bloc_presentation .bloc_contenu .bloc_travaux h2{font-size: 30px;}
    .bloc_categorie.projet .bloc_contenu .bloc_vignettes .bloc_vignette a .bloc_image{height: 340px;}
    .bloc_recrutement .bloc_contenu .bloc_formulaire{padding: 12.5vh 0 0 2.5vw;}
    .bloc_contact .bloc_contenu .bloc_texte .bloc_adresse a.bloc_phones::before{top: 0;}
    footer#main .bloc_logo .bloc_chalandise img.carte{right: 15vw;}
    footer#main .bloc_logo .bloc_telephone a{padding: 5vh 5.5vw;}
}

@media screen and (min-width: 1281px) and (max-width: 1536px)
{
    .navigation-top .main-navigation .navbar-menu .menu-btn span{width: 66%;}
    
    .bloc_banniere #bloc_image{background-position-y: -20vh;}
    .bloc_presentation .bloc_contenu .bloc_texte{margin: 0 0 -235px;}
}
@media screen and (min-width: 800px) and (max-width: 1280px)
{
    .navigation-top{padding: 0;}
    .navigation-top .main-navigation .navbar-header{margin-left: 0;padding: 3vh 1.5vw;}
    .navigation-top .main-navigation .navbar-header .navbar-brand{padding: 0;}
    .navigation-top .main-navigation .navbar-header .navbar-brand img{width: 100%;}
    .navigation-top.scroll .main-navigation .navbar-header .navbar-brand img{width: 75%;}
    .navigation-top .main-navigation .navbar-menu{margin-left: 0;}
    .navigation-top .main-navigation .navbar-menu .menu-btn{background-size: 100% 100%;height: 86px;right: 1.5vw;top: 1.5vh;width: 93px;}
    .navigation-top .main-navigation .navbar-menu .menu-btn span{left: 0.1vw;top: 5.5vh;width: 68%;}
    .navigation-top .main-navigation .navbar-menu .menu-btn span.top{top: 4.7vh;}
    .navigation-top .main-navigation .navbar-menu .menu-btn span.bot{top: 6.4vh;}
    .navigation-top .main-navigation .navbar-menu .menu-btn.active span.top{left: 1vw;top: 3vh;}
    .navigation-top .main-navigation .navbar-menu .menu-btn.active span.bot{left: 1vw;top: 5.8vh;}
    .navigation-top .main-navigation .navbar-menu .menu-btn span.titre{left: 0;top: 1.5vh;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide{height: 100%;width: 0;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide.open{padding-left: 2.5vw;width: 40%;}
    .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{margin-left: 0;padding-left: 0;width: 85%;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li{margin-bottom: auto;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li a{font-size: 22px;line-height: 175% !important;padding-left: 0;}    
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li a::after{top: 7vh;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li a::before{left: -1.5vw;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li:nth-of-type(2) .sub-menu{margin: 1.5vh 0 0 0.2vw;}  
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li:nth-of-type(2) .sub-menu li{padding: 0;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li:nth-of-type(2) .sub-menu li a{font-size: 20px;padding-left: 1.5vw;}
    .navigation-top .main-navigation ul{margin: 0;}
    .navigation-top .main-navigation ul li .sub-menu{margin-bottom: -2.5vh;padding: 3.5vh 0 0 1.6vw;}
    .navigation-top .wrap a{font-size: 22px;line-height: 150%;margin: 0;padding-left: 0;}
    .navigation-top.scroll .wrap a{line-height: 225%;}
    
    .bloc_banniere #bloc_image{background-position-y: 0;height: 835px;}
    .bloc_presentation .bloc_contenu .bloc_texte{margin: 0 0 -235px;}
    .bloc_presentation .bloc_contenu .bloc_texte .bloc_detail{padding: 5vh 5vw 10vh 7.5vw;}
    .bloc_presentation .bloc_contenu .bloc_texte .bloc_detail h1{font-size: 35px;}
    .bloc_presentation .bloc_contenu .bloc_texte .bloc_detail a.bouton{padding: 1vh 1vw;}
    .bloc_presentation .bloc_contenu .bloc_texte .bloc_detail a.bouton:nth-of-type(2){padding: 1vh 1vw 1vh 2.5vw;}
    .bloc_presentation .bloc_contenu .bloc_texte .bloc_detail a.facebook{top: 5.7vh;}    
    .bloc_presentation .bloc_contenu .bloc_texte .bloc_diapo .carousel .carousel-inner .item img{margin-left: -45%;width: 190%;}
    .bloc_presentation .bloc_contenu .bloc_travaux{background-position-x: 50%;background-size: 150%;min-height: 725px;padding: 18.5vh 5vw 0 58.5vw;}
    .bloc_presentation .bloc_contenu .bloc_travaux .bloc_partenaires{top: 19vh;}
    .bloc_categorie.projet .bloc_contenu .bloc_texte{padding: 0 25vw 5vh 7.5vw;}
    .bloc_categorie.projet .bloc_contenu .bloc_vignettes .bloc_vignette a .bloc_image{height: 265px;}
    .bloc_recrutement .bloc_contenu .bloc_formulaire{padding: 11.5vh 0 0 2.5vw;}
    .bloc_contact .bloc_contenu .bloc_texte .bloc_adresse a.bloc_phones{padding: 0 0 0 2vw;}
    .bloc_contact .bloc_contenu .bloc_texte .bloc_adresse a.bloc_phones::before{top: 0;}
    .bloc_mention .bloc_contenu .bloc_texte .bloc_detail .bloc_titre{padding: 0 0 2.5vh 1vw;}
    footer#main .bloc_logo .bloc_chalandise{padding: 17.5vh 55vw 0 5vw;}
    footer#main .bloc_logo .bloc_chalandise img.carte{right: 2.5vw;}
    footer#main .bloc_logo .bloc_telephone a{padding: 4vh 8vw;}
}
@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{margin-left: 0;padding: 1.5vh 1.5vw;}
    .navigation-top .main-navigation .navbar-header .navbar-brand{padding: 0;}
    .navigation-top .main-navigation .navbar-header .navbar-brand img{width: 125%;}
    .navigation-top.scroll .main-navigation .navbar-header .navbar-brand img{width: 100%;}
    .navigation-top .main-navigation .navbar-menu{margin-left: 0;}
    .navigation-top .main-navigation .navbar-menu .menu-btn{background-size: 100% 100%;height: 86px;right: 1vw;top: 1vh;width: 93px;}
    .navigation-top .main-navigation .navbar-menu .menu-btn span{left: 0.1vw;top: 7.5vh;width: 68%;}
    .navigation-top .main-navigation .navbar-menu .menu-btn span.top{top: 6.4vh;}
    .navigation-top .main-navigation .navbar-menu .menu-btn span.bot{top: 8.5vh;}
    .navigation-top .main-navigation .navbar-menu .menu-btn.active span.top{left: 1vw;top: 4vh;}
    .navigation-top .main-navigation .navbar-menu .menu-btn.active span.bot{left: 1vw;top: 7.7vh;}
    .navigation-top .main-navigation .navbar-menu .menu-btn span.titre{left: 0;top: 2.5vh;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide{height: 100%;width: 0;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide.open{padding-left: 2.5vw;width: 55%;}
    .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{margin-left: 0;padding-left: 0;width: 85%;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li{margin-bottom: auto;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li a{font-size: 22px;line-height: 175% !important;padding-left: 0;}    
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li a::after{top: 7vh;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li a::before{left: -1.5vw;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li:nth-of-type(2) .sub-menu{margin: 1.5vh 0 0 0.2vw;}  
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li:nth-of-type(2) .sub-menu li{padding: 0;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li:nth-of-type(2) .sub-menu li a{font-size: 20px;padding-left: 1.5vw;}
    .navigation-top .main-navigation ul{margin: 0;}
    .navigation-top .main-navigation ul li .sub-menu{margin-bottom: -2.5vh;padding: 3.5vh 0 0 1.6vw;}
    .navigation-top .wrap a{font-size: 22px;line-height: 150%;margin: 0;padding-left: 0;}
    .navigation-top.scroll .wrap a{line-height: 225%;}    
    
    .bloc_banniere #bloc_image{background-size: 115%;height: 768px;}
    .bloc_banniere .bloc_telephone{width: 40%;}
    .bloc_banniere .bloc_telephone a p{padding-left: 4vw;}
    .bloc_presentation .bloc_contenu .bloc_texte{margin: 0 0 -185px;padding: 5vh 2.5vw 10vh 5vw;}
    .bloc_presentation .bloc_contenu .bloc_texte .bloc_detail h1{font-size: 28px;}
    .bloc_presentation .bloc_contenu .bloc_texte .bloc_detail a.facebook{top: 5.5vh;}
    .bloc_presentation .bloc_contenu .bloc_texte .bloc_detail a.bouton:nth-of-type(2){padding: 1vh 1vw 1vh 3vw;}
    .bloc_presentation .bloc_contenu .bloc_texte .bloc_diapo .carousel .carousel-inner .item img{margin-left: -75%;width: 235%;}
    .bloc_presentation .bloc_contenu .bloc_travaux{background-size: 200%;padding: 28.5vh 5vw 0 50vw;}
    .bloc_presentation .bloc_contenu .bloc_travaux .bloc_partenaires{left: 26.5vw;top: 29vh;}
    .bloc_categorie.projet .bloc_contenu .bloc_texte{padding: 0 0 5vh 7.5vw;}
    .bloc_categorie.projet .bloc_contenu .bloc_vignettes .bloc_vignette a .bloc_image{height: 208px;}
    .bloc_recrutement .bloc_contenu .bloc_formulaire{padding: 14vh 0 0 2.5vw;}
    .bloc_contact .bloc_contenu .bloc_texte .bloc_adresse h2{font-size: 20px;}
	.bloc_contact .bloc_contenu .bloc_texte .bloc_adresse a.bloc_phones{padding: 0 0 0 2.5vw;}
    .bloc_mention .bloc_contenu .bloc_texte .bloc_detail .bloc_titre{padding: 0 0 2.5vh 1.3vw;}
    .bloc_lost .bloc_contenu .bloc_texte h2{font-size: 25px;}
    footer#main .bloc_logo .bloc_chalandise{min-height: 450px;}
    footer#main .bloc_logo .bloc_chalandise h2{font-size: 32px;}
    footer#main .bloc_logo .bloc_chalandise img.carte{top: 5.5vh;width: 49.5%;}
    footer#main .bloc_logo .bloc_telephone a{padding: 5.5vh 10.5vw;}
    footer#main .bloc_logo .bloc_telephone p{padding: 0 0 0 4.5vw;}
}
@media screen and (max-width:990px) 
{
    .navigation-top{padding: 0;}
    .navigation-top .main-navigation .navbar-header{margin-left: 0;padding: 1.5vh 1.5vw;}
    .navigation-top .main-navigation .navbar-header .navbar-brand{padding: 0;}
    .navigation-top .main-navigation .navbar-header .navbar-brand img{width: 150%;}
    .navigation-top.scroll .main-navigation .navbar-header .navbar-brand img{width: 125%;}
    .navigation-top .main-navigation .navbar-menu{margin-left: 0;}
    .navigation-top .main-navigation .navbar-menu .menu-btn{background-size: 100% 100%;height: 86px;right: 1vw;top: 1vh;width: 93px;}
    .navigation-top .main-navigation .navbar-menu .menu-btn span{left: 0.1vw;top: 5.4vh;width: 68%;}
    .navigation-top .main-navigation .navbar-menu .menu-btn span.top{top: 4.7vh;}
    .navigation-top .main-navigation .navbar-menu .menu-btn span.bot{top: 6.2vh;}
    .navigation-top .main-navigation .navbar-menu .menu-btn.active span.top{left: 1vw;top: 3vh;}
    .navigation-top .main-navigation .navbar-menu .menu-btn.active span.bot{left: 1vw;top: 5.8vh;}
    .navigation-top .main-navigation .navbar-menu .menu-btn span.titre{left: 0;top: 1.5vh;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide{height: 100%;width: 0;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide.open{padding-left: 2.5vw;width: 55%;}
    .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{margin-left: 0;padding-left: 0;width: 85%;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li{margin-bottom: auto;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li a{font-size: 22px;line-height: 175% !important;padding-left: 1vw;}    
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li a::after{top: 7vh;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li a::before{left: -1.5vw;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li:nth-of-type(2) .sub-menu{margin: 1.5vh 0 0 0.2vw;}  
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li:nth-of-type(2) .sub-menu li{padding: 0;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li:nth-of-type(2) .sub-menu li a{font-size: 20px;padding-left: 1.5vw;}
    .navigation-top .main-navigation ul{margin: 0;}
    .navigation-top .main-navigation ul li .sub-menu{margin-bottom: -2.5vh;padding: 3.5vh 0 0 1.6vw;}
    .navigation-top .wrap a{font-size: 22px;line-height: 150%;margin: 0;padding-left: 0;}
    .navigation-top.scroll .wrap a{line-height: 225%;}
    
    .bloc_banniere #bloc_image{background-position-y: 0;background-size: 165%;height: 835px;}
    .bloc_banniere .bloc_telephone{width: 50%;}
    .bloc_banniere .bloc_telephone a p{padding-left: 5.5vw;}
    .bloc_presentation .bloc_contenu .bloc_texte{margin: 0 0 -255px;padding: 5vh 2.5vw 10vh 5vw;}
    .bloc_presentation .bloc_contenu .bloc_texte .bloc_detail{padding: 0 0 5vh 7.5vw;}
    .bloc_presentation .bloc_contenu .bloc_texte .bloc_detail a.facebook{left: -2vw;top: 0.6vh;}
    .bloc_presentation .bloc_contenu .bloc_texte .bloc_detail a.bouton{padding: 0.8vh 2vw;}
    .bloc_presentation .bloc_contenu .bloc_texte .bloc_detail a.bouton:nth-of-type(2){padding: 0.8vh 1vw 0.8vh 4vw;}
    .bloc_presentation .bloc_contenu .bloc_texte .bloc_diapo .carousel .carousel-inner{height: auto;}
    .bloc_presentation .bloc_contenu .bloc_texte .bloc_diapo .carousel .carousel-inner .item img{margin-left: 0;width: 100%;}
    .bloc_presentation .bloc_contenu .bloc_travaux{background-position-x: 95%;background-size: 250%;min-height: 765px;padding: 20vh 5vw 0 35vw;}
    .bloc_presentation .bloc_contenu .bloc_travaux .bloc_partenaires{left: 5vw;top: 20vh;}
    .bloc_categorie.projet .bloc_contenu .bloc_texte{padding: 2.5vh 0 5vh 7.5vw;}
    .bloc_categorie.projet .bloc_contenu .bloc_texte h1{font-size: 40px;}
    .bloc_categorie.projet .bloc_contenu .bloc_texte a.facebook{left: -2vw;top: 3.1vh;}
    .bloc_categorie.projet .bloc_contenu .bloc_vignettes .bloc_vignette a .bloc_image{height: 235px;}
    .bloc_article .bloc_contenu .bloc_texte{padding: 2.5vh 0 2.5vh 7.5vw;}
    .bloc_article .bloc_contenu .bloc_texte a.facebook{left: -2vw;top: 3.1vh;}
    .bloc_article .bloc_contenu .bloc_texte h1{font-size: 40px;}
    .bloc_article .bloc_contenu .bloc_galerie{grid-gap: 1vh 1.5vw;padding: 0;}
    .bloc_recrutement .bloc_contenu .bloc_texte{padding: 2.5vh 0 2.5vh 7.5vw;}    
    .bloc_recrutement .bloc_contenu .bloc_texte h1{font-size: 40px;}
    .bloc_recrutement .bloc_contenu .bloc_texte a.facebook{left: -2vw;top: 3.1vh;}
    .bloc_recrutement .bloc_contenu .bloc_formulaire{padding: 0 0 0 7.5vw;}
    .bloc_recrutement .bloc_contenu .bloc_formulaire .form-group input[type="submit"]{padding: 2vh 3vw;}
    .bloc_contact .bloc_contenu{padding: 2.5vh 5vw 7.5vh;}
    .bloc_contact .bloc_contenu .bloc_texte .bloc_titre h1{font-size: 40px;}
    .bloc_contact .bloc_contenu .bloc_texte .bloc_formulaire{padding: 0;}
    .bloc_contact .bloc_contenu .bloc_texte .bloc_formulaire .form-group input[type="submit"]{padding: 2vh 3vw;}
    .bloc_contact .bloc_contenu .bloc_texte .bloc_carte{padding: 0;}
    .bloc_contact .bloc_contenu .bloc_texte .bloc_adresse{padding: 2.5vh 0 0;}
    .bloc_contact .bloc_contenu .bloc_texte .bloc_adresse a.bloc_phones{padding: 0 0 0 3vw;}
    .bloc_mention .bloc_contenu{padding: 2.5vh 5vw 7.5vh;}
    .bloc_mention .bloc_contenu .bloc_texte .bloc_detail .bloc_titre{padding: 0 0 2.5vh 1.7vw;}
    .bloc_mention .bloc_contenu .bloc_texte .bloc_detail .bloc_titre h1{font-size: 40px;}
    .bloc_mention .bloc_contenu .bloc_texte .bloc_detail h2{margin: 1.5vh 0 0.5vh;}
    .bloc_lost .bloc_contenu{padding: 2.5vh 5vw 7.5vh;}
    .bloc_lost .bloc_contenu .bloc_texte .bloc_titre h1{font-size: 40px;}
    .bloc_lost .bloc_contenu .bloc_texte .bloc_recherche{padding: 0 0 2.5vh;}
    .bloc_tag, .bloc_categorie, .bloc_archive, .bloc_search{padding: 2.5vh 5vw 7.5vw !important;}
    .bloc_tag .bloc_titre h1, .bloc_categorie .bloc_titre h1, .bloc_archive .bloc_titre h1, .bloc_search .bloc_titre h1{font-size: 40px;}
    footer#main .bloc_logo .bloc_chalandise{min-height: 675px;padding: 0 29.5vw 0 5vw;}
    footer#main .bloc_logo .bloc_chalandise img.carte{right: 9vw;top: 12vh;}
    footer#main .bloc_logo .bloc_telephone a{padding: 4vh 15vw;}
    footer#main .bloc_logo .bloc_telephone p{padding: 0 0 0 5.5vw;}
    footer#main .bloc_logo .bloc_telephone p::before{top: 0.1vh;}
}
@media screen and (max-width:767px) 
{
    .navigation-top{padding: 0;}
    .navigation-top .main-navigation .navbar-menu{margin-left: 0;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{background-size: 200% 200%;margin-left: 0;padding: 1vh 1.5vw;}
    .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: 0;}  
    .navigation-top .main-navigation .navbar-header .navbar-brand img{margin-left: 0;padding: 0;position: relative;width: 125%;z-index: 10;}
    .navigation-top.scroll .main-navigation .navbar-header .navbar-brand img{width: 100%;}
    .navigation-top .main-navigation .navbar-menu .menu-btn{background-size: 100% 100%;height: 86px;right: 1vw;top: 0.5vh;width: 93px;}
    .navigation-top .main-navigation .navbar-menu .menu-btn.active{right: 0;}
    .navigation-top .main-navigation .navbar-menu .menu-btn span{left: 0.1vw;top: 5.7vh;width: 56%;}
    .navigation-top .main-navigation .navbar-menu .menu-btn span.top{top: 4.8vh;}
    .navigation-top .main-navigation .navbar-menu .menu-btn span.bot{top: 6.5vh;}
    .navigation-top .main-navigation .navbar-menu .menu-btn.active span.top{left: 1vw;top: 2.5vh;}
    .navigation-top .main-navigation .navbar-menu .menu-btn.active span.bot{left: 1vw;top: 5.8vh;}
    .navigation-top .main-navigation .navbar-menu .menu-btn span.titre{font-size: 16.5px;top: 1.8vh;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide{height: 100%;width: 120%;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide.open{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{margin-left: 0;padding-left: 7.5vw;padding-top: 10vh;width: 100%;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li{margin-bottom: 1vh;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li::before{top: 6.5vh;width: 55.5%;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li a{font-size: 22px;padding-left: 0;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li a::before{left: -5vw;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li a::after{top: 5vh;}    
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li:nth-of-type(2) .sub-menu{margin: 1.5vh 0 0 0.2vw;}  
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li:nth-of-type(2) .sub-menu li{padding: 0;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li:nth-of-type(2) .sub-menu li a{font-size: 20px;padding-left: 4vw;}
    .navigation-top .main-navigation ul{margin: 0;}
    .navigation-top .main-navigation ul li .sub-menu{padding: 2.5vh 0 1.5vh 5vw;}
    .navigation-top .wrap a{font-size: 22px;line-height: 200%;margin: 0;padding-left: 0;}
    .navigation-top.scroll .wrap a{line-height: 200%;}
    .dropdown-toggle{color: #ffffff;font-size: 30px;right: 0;top: 0;width: 100%;}
    .dropdown-toggle .icon{display: none;}      
    
    .bloc_banniere #bloc_image{background-size: 317%;height: 100vh;}
    .bloc_banniere .bloc_telephone{width: 70%;}
    .bloc_banniere .bloc_telephone a{padding: 2vh 1.5vw 2.5vh 4vw;}
    .bloc_banniere .bloc_telephone a:hover{padding: 2vh 5vw 2.5vh 4vw;}
    .bloc_banniere .bloc_telephone a p{font-size: 30px;padding-left: 10vw;}
    .bloc_banniere .bloc_telephone a p::before{height: 27px;width: 27px;}
    .bloc_banniere .bloc_fleche{bottom: 1.5vh;}
    .bloc_banniere .bloc_fleche .picto_fleche{height: 75px;width: 75px;}
    .bloc_banniere .bloc_fleche .picto_fleche a span.image{height: 75px;width: 75px;}
    .bloc_presentation .bloc_contenu .bloc_texte{margin: 0 0 -135px;}
    .bloc_presentation .bloc_contenu .bloc_texte .bloc_detail{padding: 0 0 5vh 13.5vw;}
    .bloc_presentation .bloc_contenu .bloc_texte .bloc_detail h1{font-size: 25px;}
    .bloc_presentation .bloc_contenu .bloc_texte .bloc_detail a.facebook{top: 0.3vh;}
    .bloc_presentation .bloc_contenu .bloc_texte .bloc_detail a.bouton:nth-of-type(2){padding: 0.8vh 2vw 0.8vh 7vw;}
    .bloc_presentation .bloc_contenu .bloc_travaux{padding: 12.5vh 5vw 0 5vw;}
    .bloc_presentation .bloc_contenu .bloc_travaux h2{font-size: 18px;}
    .bloc_presentation .bloc_contenu .bloc_travaux .bloc_partenaires{left: 0;margin: 5vh 0 0;position: relative;top: 0;width: 100%;}
    .bloc_presentation .bloc_contenu .bloc_travaux .bloc_partenaires img{width: 22.5%;}
    .bloc_presentation .bloc_contenu .bloc_travaux .bloc_partenaires img:nth-of-type(2){margin: 0 7.5vw;}
    .bloc_categorie.projet .bloc_contenu .bloc_texte{padding: 2.5vh 0 5vh 12.5vw;}
    .bloc_categorie.projet .bloc_contenu .bloc_texte h1{font-size: 30px;}
    .bloc_categorie.projet .bloc_contenu .bloc_vignettes .bloc_vignette a .bloc_image{height: 240px;}
    .bloc_article .bloc_contenu .bloc_texte{padding: 2.5vh 0 2.5vh 12.5vw;}
    .bloc_article .bloc_contenu .bloc_texte h1{font-size: 30px;}
    .bloc_article .bloc_contenu .bloc_galerie{grid-template-columns: repeat(2, 1fr);}
    .bloc_article .bloc_contenu .bloc_galerie a .bloc_legende{padding: 1.5vh 3.5vw;}
    .bloc_recrutement .bloc_contenu .bloc_texte{padding: 2.5vh 0 2.5vh 12.5vw;}
    .bloc_recrutement .bloc_contenu .bloc_texte h1{font-size: 30px;}
    .bloc_recrutement .bloc_contenu .bloc_formulaire{padding: 0;}
    .bloc_recrutement .bloc_contenu .bloc_formulaire .bloc_gauche, .bloc_recrutement .bloc_contenu .bloc_formulaire .bloc_droite{padding: 0;}
    .bloc_contact .bloc_contenu .bloc_texte .bloc_titre h1{font-size: 30px;}
    .bloc_contact .bloc_contenu .bloc_texte .bloc_formulaire .bloc_gauche, .bloc_contact .bloc_contenu .bloc_texte .bloc_formulaire .bloc_droite{padding: 0;}
    .bloc_contact .bloc_contenu .bloc_texte .bloc_adresse a.bloc_phones{padding: 0 0 0 6vw;}
    .bloc_mention .bloc_contenu .bloc_texte .bloc_detail .bloc_titre{padding: 0 0 2.5vh 3.7vw;}
    .bloc_mention .bloc_contenu .bloc_texte .bloc_detail .bloc_titre h1{font-size: 30px;}
    .bloc_mention .bloc_contenu .bloc_texte .bloc_detail h2{font-size: 25px;}
    .bloc_lost .bloc_contenu .bloc_texte .bloc_titre h1{font-size: 30px;}
    .bloc_tag .bloc_titre h1, .bloc_categorie .bloc_titre h1, .bloc_archive .bloc_titre h1, .bloc_search .bloc_titre h1{font-size: 28px;}
    footer#main .bloc_logo .bloc_chalandise{min-height: 455px;padding: 0 5vw;}
    footer#main .bloc_logo .bloc_chalandise h2{font-size: 27px;}
    footer#main .bloc_logo .bloc_chalandise img.carte{right: 0;width: 100%;}
    footer#main .bloc_logo .bloc_telephone{padding: 0 2.5vw;}
    footer#main .bloc_logo .bloc_telephone a{background-size: 100%;}
    footer#main .bloc_logo .bloc_telephone p{font-size: 30px;padding: 0 0 0 7.5vw;}
    footer#main .bloc_logo .bloc_telephone p::before{height: 27px;width: 27px;}
    footer#main .bloc_logo .bloc_image{padding: 0 5vw;}
    footer#main .bloc_logo .bloc_image img{width: 80%;}
    footer#main .bloc_logo .bloc_adresse p{padding: 0 2.5vw;}    
}
@media screen and (max-width: 360px)
{
    .navigation-top{padding: 0;}
    .navigation-top .main-navigation .navbar-menu{margin-left: 0;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{background-size: 200% 200%;margin-left: 0;padding: 1vh 1.5vw;}
    .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: 0;}  
    .navigation-top .main-navigation .navbar-header .navbar-brand img{margin-left: 0;padding: 0;position: relative;width: 125%;z-index: 10;}
    .navigation-top.scroll .main-navigation .navbar-header .navbar-brand img{width: 100%;}
    .navigation-top .main-navigation .navbar-menu .menu-btn{background-size: 100% 100%;height: 70px;right: 0;top: 0;width: 70px;}
    .navigation-top .main-navigation .navbar-menu .menu-btn.active{right: 0;}
    .navigation-top .main-navigation .navbar-menu .menu-btn span{left: 0.5vw;top: 5.7vh;width: 73%;}
    .navigation-top .main-navigation .navbar-menu .menu-btn span.top{top: 4.8vh;}
    .navigation-top .main-navigation .navbar-menu .menu-btn span.bot{top: 6.5vh;}
    .navigation-top .main-navigation .navbar-menu .menu-btn.active span.top{left: 1vw;top: 2.5vh;}
    .navigation-top .main-navigation .navbar-menu .menu-btn.active span.bot{left: 1vw;top: 6.2vh;}
    .navigation-top .main-navigation .navbar-menu .menu-btn span.titre{font-size: 16.5px;top: 1.8vh;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide{border-top-left-radius: 0;border-bottom-left-radius: 0;height: 100%;width: 120%;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide.open{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{margin-left: 0;padding-left: 7.5vw;padding-top: 10vh;width: 100%;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li{margin-bottom: 1vh;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li::before{top: 6.5vh;width: 55.5%;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li a{font-size: 18px;padding-left: 0;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li a::before{left: -5vw;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li a::after{top: 5vh;}    
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li:nth-of-type(2) .sub-menu{margin: 1.5vh 0 0 0.2vw;}  
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li:nth-of-type(2) .sub-menu li{padding: 0;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.open #top-menu li:nth-of-type(2) .sub-menu li a{font-size: 18px;padding-left: 4vw;}
    .navigation-top .main-navigation ul{margin: 0;}
    .navigation-top .main-navigation ul li .sub-menu{padding: 2.5vh 0 1.5vh 5vw;}
    .navigation-top .wrap a{font-size: 22px;line-height: 200%;margin: 0;padding-left: 0;}
    .navigation-top.scroll .wrap a{line-height: 200%;}
    .dropdown-toggle{color: #ffffff;font-size: 30px;right: 0;top: 0;width: 100%;}
    .dropdown-toggle .icon{display: none;}
    
    .bloc_banniere #bloc_image{background-size: 322%;}
    .bloc_banniere .bloc_telephone{width: 75%;}
    .bloc_presentation .bloc_contenu .bloc_texte .bloc_detail a.bouton{font-size: 14px;}
    .bloc_presentation .bloc_contenu .bloc_travaux h2{font-size: 17px;}
    .bloc_categorie.projet .bloc_contenu .bloc_vignettes .bloc_vignette a .bloc_image{height: 220px;}
    .bloc_tag .bloc_titre h1, .bloc_categorie .bloc_titre h1, .bloc_archive .bloc_titre h1, .bloc_search .bloc_titre h1{font-size: 25px;}
    footer#main .bloc_logo .bloc_chalandise h2{font-size: 25px;}
    footer#main .bloc_logo .bloc_telephone a span{font-size: 15px;}
    footer#main .bloc_logo .bloc_telephone p::before{height: 25px;top: 0.2vh;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;}
}