/*
Theme Name: vipush
Author: Prospectiv*
Author URI: http://www.prospectiv.net
Template: sparkling

*/

/*--------------------
-----FONT------
----------------------*/

@import 'https://fonts.googleapis.com/css?family=Open+Sans:300,400,600';



/*--------------------
-----GLOBAL-----------
----------------------*/

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {	display: block;}
body {     font-size:15px;   font-family: 'Open Sans', sans-serif;   font-weight: normal;    line-height: 1.5; background:#fff;}
ol, ul {	list-style: none;	margin: 0;    padding: 0;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}
a {    color: #97bf0d;    text-decoration: none;}
a:focus, a:hover {    color: #ABBDBD;    text-decoration: none;}
hr {    clear: both;    display: block;    width: 100%; position:relative;}
hr::after {    background: #72c02c none repeat scroll 0 0;    content: "";    height: 3px;    left: 45%;    position: absolute;    width: 10%;}
.clearfix {    clear: both;}

h1, .h1, .title {    color: #ef873f;    font-size: 28px;    line-height: 1.2;    margin: 0 0 0.7em;}
h2, .h2 {    font-size: 26px;    line-height: 1.2;    margin: 0 0 0.5em;}
h3, .h3 {    color: #b2a590;       font-size: 22px;    font-style: normal;    font-weight: 300;    line-height: 1.4;    margin: 0 0 10px;    text-rendering: optimizespeed; }
h4, .h4 {    font-size: 20px;    line-height: 1.4;    margin: 0 0 10px;    text-rendering: optimizespeed;}
h5, .h5 {    font-size: 18px;    line-height: 1.4;    margin: 0 0 10px;    text-rendering: optimizespeed;}
h6, .h6 {    font-size: 16px;    line-height: 1.4;    margin: 0 0 5px;    text-rendering: optimizespeed;}
h1, h2, h3, h4, h5, h6 {         font-weight: 300;    font-weight: normal; color: #fff;     font-style: normal;}

blockquote {    border-left: 3px solid #8d7770;    font-size: 12.5px;    font-style: italic;    margin: 0 0 20px;    padding: 10px 20px;}
	
img.alignright  { float:right;   margin-bottom: 30px;    margin-left: 30px;     border: 3px solid #fff;    box-shadow: 0 2px 2px #afafaf;}
img.alignleft  { float:left; margin-bottom: 30px;    margin-right: 30px; border: 3px solid #fff;    box-shadow: 0 2px 2px #afafaf; }

.alignleft { text-align:left!important;}
.alignright { text-align:right!important;}

.titre-dans-page {    color: #70605a;    display: block;    font-size: 30px;    line-height: 30px;    margin-top: 15px; position:relative;  padding-bottom: 10px;  }
.sous-titre { color: #2d2d2d;    font-size: 16px;   }
.titre-description {    color: #8e8e8e;    display: block;  line-height: 30px;    font-size: 30px;    margin-top: 15px;    padding-left: 15px;    text-transform: uppercase;}
.titre-nom {    display: block;    font-size: 20px;    font-weight: 600;}
.center { text-align:center; }
.petit-texte {    font-size: 16px;    font-style: italic;}

.margintop-60 {margin-top:60px;}
.margintop-40 {margin-top:40px;}
.margintop-30 {margin-top:30px;}
.margintop-20 {margin-top:20px;}

.marginleft-40 { margin-left:40px;}
.marginleft-30 { margin-left:30px;}
.marginleft-20 { margin-left:20px;}

.marginbottom-10 {margin-bottom:20px;}
.marginbottom-20 {margin-bottom:20px;}
.marginbottom-30 {margin-bottom:30px;}
.marginbottom-40 {margin-bottom:40px;}
.marginbottom-60 {margin-bottom:60px;}

.paddingtop-20  {padding-top:20px;}
.paddingtop-30  {padding-top:30px;}
.paddingtop-40  {padding-top:40px;}

.paddingbottom-60  {padding-bottom:60px;}
.margin-0 { margin:0!important;}
.margintop-108 {	position:relative;	margin-top: 108px;}
.qtranxs-available-languages-message.qtranxs-available-languages-message-de {    display: none;}
.cover {    height: 100vh;    width: 100%;    z-index: 9;    position: relative;}

.caret { display:none;}

/*--------------------
-----MENU ET ENTETE -----------
----------------------*/

.site-header {    background: rgba(0, 0, 0, 0) url("img/fond-header.png") repeat-x scroll 0 -90px;    border-top: 15px solid #2e3541;    position: absolute;    width: 100%;    z-index: 9;}
.navbar {    background: transparent none repeat scroll 0 0;    border: medium none;    margin-bottom: 0;    min-height: 50px;    position: relative;    z-index: 10;}
.navbar-nav > li {    border-right: medium none;    float: left;}
.navbar-nav > li > a {    font-size: 15px;    padding: 18px 5px;    text-shadow: 1px 1px 1px #000;    text-transform: uppercase;}

body.de .navbar-nav > li > a { padding: 18px 3px; }
#menu-item-70 a { text-shadow: 0 0 0 transparent;}
.lien-home a {    background: transparent url("img/maison.png") no-repeat scroll center center !important;    color: transparent !important;    padding-left: 0 !important;    padding-right: 0 !important;}

.navbar-default .navbar-nav > li > a {    color: #fff;}
ul.nav li.dropdown:hover ul.dropdown-menu { display:block;}
ul.nav ul ul {    display: none !important;    margin: -36px 0 0 190px;}
ul.nav ul li:hover ul {display: block !important; }

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover { color:#97bf0d; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover { background: transparent;  color:#97bf0d; }
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover { background:#97bf0d none repeat scroll 0 0;  color:#fff; }
.navbar-collapse.collapse {  padding-left: 0;    padding-right: 0;  }
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {   background: transparent;   }

.dropdown-menu {    background-clip: padding-box;      background: #2e3541 none repeat scroll 0 0;   border: medium none;    border-radius: 4px;    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);    display: none;    float: left;    font-size: 14px;    left: 0;    list-style: outside none none;    margin: 2px 0 0;    min-width: 190px;    padding: 0;    position: absolute;    text-align: left;    top: 100%;    z-index: 100;}
.dropdown-menu::before {    border-bottom: 13px solid #2e3541;    border-left: 13px solid transparent;    border-right: 13px solid transparent;    content: "";    display: block;    height: 0;    left: 50px;    position: absolute;    top: -13px;    width: 0;}
.dropdown-menu li {    border-bottom: 1px solid #97bf0d;}
.dropdown-menu li:last-child { border:none;}
.dropdown-menu li a {    color: #fff;	    padding-bottom: 8px;    padding-top: 8px;    text-transform: uppercase;}
.dropdown-menu li a:hover{ background: #97bf0d; color:#fff;  }

.header_menu {    color: #fff;    float: left;    margin-bottom: 20px;    margin-top: 20px;    width: 75%;}
.header_menu .widget_search { text-align:center; }
.header_menu .input-group {    border-collapse: separate;    display: inline-block;    position: relative;}
.header_menu .form-search .screen-reader-text { display:none; }
.header_menu .input-group-btn { display:none; }
.header_menu .search-query {    background: #fff url(img/loupe.jpg) no-repeat scroll 15px 8px;    border: 0 none;    border-radius: 21px !important;    height: 43px;    padding-left: 25px;    padding-right: 15px;    text-indent: 24px;}

.ecoute {    background: #fff url("img/casque.jpg") no-repeat scroll 9px 9px;    border-radius: 50%;    display: inline-block;    height: 45px;    margin-right: 15px;    vertical-align: middle;    width: 45px;}
#text-3 {      font-size: 17px;    font-weight: bold;}

#qtranslate-3 {    border-left: 1px solid #fff;    font-size: 17px;    margin-left: 25px;    height: 47px;    padding-bottom: 10px;    padding-left: 35px;    padding-top: 9px;}
#qtranslate-3 ul {    margin: 0;    background: #000;    padding: 5px;    position: absolute;    z-index: 50;    margin-top: -2px;    width: 90px;}
#qtranslate-3 ul:after {    content: "\e252";    font-family: 'Glyphicons Halflings';    position: absolute;    right: 13px;    top: 7px;}
#qtranslate-3 ul li {    display: none;    list-style-type: none;    margin: 0 5px 0 0;    text-transform: uppercase;    opacity: 0.5;    -o-transition: 1s ease opacity;    -moz-transition: 1s ease opacity;    -webkit-transition: 1s ease opacity;    transition: 1s ease opacity;}
#qtranslate-3 ul li.active { opacity:1; display:block;}
#qtranslate-3 ul li a {color:#fff; text-decoration:none; }
#qtranslate-3:hover ul li { display:block; }
#qtranslate-3:hover ul li:hover {  opacity:1; }
.qtranxs_widget img {    box-shadow: none;    vertical-align: middle;    display: initial;    margin-top: -2px;}

.menu-menu-entete-container .menu-item {  	list-style-type: square;}
.menu-menu-entete-container .sub-menu {     margin-left: 25px;}
.menu-menu-entete-container .sub-menu .menu-item {    list-style-type: circle!important;}
.menu-menu-entete-container .lien-home a { color:#000!important; }


/*--------------------
-----ACCUEIL -----------
----------------------*/

.div-complet {padding-top:50px; padding-bottom:50px;position: relative; }


/* BANDEAU SLIDER */

.fond-slider-bas {    position: absolute;    top: 39%;    width: 100%;}
.texte-bandeau {    text-align: left;}
.texte-bandeau .titre-dans-page {    background: #97bf0d none repeat scroll 0 0;    color: #fff;    display: inline-block;    font-size: 34px;    line-height: 1em;    padding: 10px;    text-transform: none;}
.texte-bandeau .sous-titre {    background: #fff none repeat scroll 0 0;    color: #2e3541;    display: table;    font-size: 23px;    line-height: 1em;    padding: 10px;}

.flexslider .flex-control-nav {    bottom: 100px;    padding-bottom: 10px !important;    padding-right: 10px !important;    padding-top: 10px !important;    position: absolute;    text-align: center;    width: 100%;    z-index: 9;}
.flexslider .flex-control-nav li {    display: inline-block;    padding-top: 5px;}
.flexslider .flex-control-nav li a {    background: rgba(0, 0, 0, 0) url("img/picto-nav-flexslider.png") repeat scroll -26px 0px;    border-radius: 50%;    color: transparent;    cursor: pointer;    display: block;    height: 17px;    margin-right: 8px;    width: 17px;}
.flexslider .flex-control-nav li a:hover, .flex-control-nav li a.flex-active {       background-position: 0 0;}

/* ANIMATION FLEXSLIDER  */

.page-loader { display:none;}
.page-loader.loading {    background: #fff;    display: block;    min-height: 100%;    min-width: 100%;    position: absolute;    z-index: 9999;}

.flexslider li .titre-dans-page {		-webkit-animation-duration: .6s;		animation-duration: .6s;		-webkit-animation-fill-mode: both;		animation-fill-mode: both;		-webkit-animation-name: bounceInLeft;		animation-name: bounceInLeft;	}
.flexslider li .sous-titre {		-webkit-animation-duration: .6s;		animation-duration: .6s;		-webkit-animation-fill-mode: both;		animation-fill-mode: both;		-webkit-animation-name: bounceInRight;		animation-name: bounceInRight;	}	
.flex-active-slide .sous-titre.animation {		animation-name: bounceInLeft;		-webkit-animation-delay: .6s;		animation-delay: .6s;		}
.flex-active-slide .titre-dans-page.animation {		animation-name: bounceInRight;		-webkit-animation-delay: .6s;		animation-delay: .6s;}	
	

/* BANDEAU CAT */

.bandeau-categorie {    background: #2e3541 none repeat scroll 0 0;    border-top: 1px solid #c5c6c7;    margin-top: -50px;    min-height: 325px;    padding-top: 0 !important;    z-index: 10;}

ul.liste-categorie { margin-top: -50px; }
ul.liste-categorie a, ul.liste-categorie a span {
    display: block;
    font-size: 18px;
    text-decoration: none;
    line-height: 22px;
    letter-spacing: -1px;
    text-align: center;
    text-transform: uppercase;
}
ul.liste-categorie .col-md-2 {  padding-right: 5px;    padding-left: 5px;}
.bandeau-categorie .img {    height: 235px;    margin-bottom: 20px;    padding: 5px;}

.bandeau-categorie .gestion-circuit { color:#00b8f1; }
.bandeau-categorie .gestion-circuit:hover .img span {  background: #00b8f1 url("img/img-cat/gestion-buanderie.jpg") no-repeat scroll center center; }
.bandeau-categorie .gestion-circuit .img span { border-radius:3px;  border: 5px solid #00b8f1; width:100%; height:100%; background: #00b8f1 url("img/linge.png") no-repeat scroll center center; }

.bandeau-categorie .reception { color:#ffb52f;  }
.bandeau-categorie .reception:hover .img span {    background: #ffb52f url("img/img-cat/reception.jpg") no-repeat scroll center center; }
.bandeau-categorie .reception .img span { border-radius:3px; border: 5px solid #ffb52f; width:100%; height:100%; background: #ffb52f url("img/reception.png") no-repeat scroll center center;}

.bandeau-categorie .room-service { color:#ff4219; }
.bandeau-categorie .room-service:hover .img span {  background: #ff4219 url("img/img-cat/room-service.jpg") no-repeat scroll center center; }
.bandeau-categorie .room-service .img span { border-radius:3px;  border: 5px solid #ff4219;  width:100%; height:100%; background: #ff4219 url("img/service-etage.png") no-repeat scroll center center; }

.bandeau-categorie .service-etage { color:#97bf0d;   }
.bandeau-categorie .service-etage:hover .img span {  background: #97bf0d url("img/img-cat/service-etage.jpg") no-repeat scroll center center; }
.bandeau-categorie .service-etage .img span { border-radius:3px;  border: 5px solid #97bf0d; width:100%; height:100%; background: #97bf0d url("img/chambres.png") no-repeat scroll center center;  }

.bandeau-categorie .service-generaux { color:#9489c5;  }
.bandeau-categorie .service-generaux:hover .img span{   background: #9489c5 url("img/img-cat/service-generaux.jpg") no-repeat scroll center center; }
.bandeau-categorie .service-generaux .img span { border-radius:3px;  border: 5px solid #9489c5; width:100%; height:100%; background: #9489c5 url("img/service-generaux.png") no-repeat scroll center center; }

.bandeau-categorie .service-entretien { color:#15b584;  }
.bandeau-categorie .service-entretien:hover .img span{   background: #15b584 url("img/img-cat/service-entretien.jpg") no-repeat scroll center center; }
.bandeau-categorie .service-entretien .img span { border-radius:3px;  border: 5px solid #15b584; width:100%; height:100%; background: #15b584 url("img/service-entretien.png") no-repeat scroll center center; }



/* BANDEAU PRODUITS  */

.bandeau-produits { }
.titre-produit {    color: #2e3541;    display: block;    font-size: 25px;    line-height: 1em;    margin-bottom: 10px;    text-transform: uppercase;}
.texte-produit {    clear: left;    color: #363c48;    display: block;    font-size: 13px;}
.img-prod {       display: block;    height: 100%;    width: 100%;}
.img-prod img {    border: 1px solid #c5c6c7;    border-radius: 3px;}
.plus {    clear: left;    color: #97bf0d;    display: block;    font-size: 28px;    text-align: right;}
.plus a {  color: #97bf0d; }
.produits-rand { }
.produits-rand li { margin-bottom:10px;  }

/* BANDEAU PRODUITS PHARE  */

.bandeau-produit-phare {    background-size: cover !important;    min-height: 578px;    padding-bottom: 0;    padding-top: 0;}
.produit-reference-fond {    background: rgba(0, 0, 0, 0) url("img/fond-produit-phare.png") no-repeat scroll right 0;    min-height: 578px;}

.leproduit {    padding-left: 60px;    padding-top: 40px;}
.leproduit img {    display: inline;    height: auto;    margin: auto;    max-width: 100%;    width: auto;}
.leproduit h3 {    color: #fff;    font-size: 25px;    line-height: 1em;    text-transform: uppercase;}
.description-phare {    clear: left;    color: #fff;    display: block;    font-size: 13px;}

.leproduit .bouton {    color: #fff;    display: block;    font-size: 70px;    line-height: 58px;    text-align: right;}
.leproduit .bouton:hover, .leproduit a:hover { text-decoration:none;}
.video-youtube {    margin-top: 185px;}
.youtube { position:relative; }
.youtube::before {
    background: rgba(0, 0, 0, 0) url(img/lecture.png) no-repeat scroll center center;
    content: "";
    display: inline-block;
    height: 65px;
    position: absolute;
    top: -23px;
    width: 100%;
    text-align: center;
    z-index: 9;
}
.youtube:hover::before { opacity:0.8;}
.youtube img {    border-radius: 25px;    height: auto;    max-width: 100%;    overflow: hidden;    position: relative;}

.lien-video-liste .plus .petit {    color: #fff;    font-size: 17px;    margin-left: 10px;    margin-right: 10px;     font-style: italic;}
.lien-video-liste .plus .fa { vertical-align: sub; }


/* BANDEAU actualités  */

.bandeau-actulites {    background-color: #e8eaed;    padding-bottom: 15px;}
.actu li .cadre {    background: #fff none repeat scroll 0 0;    border: 1px solid #c5c6c7;    margin-bottom: 15px;}
.titre-act a {   line-height:1em; color: #2e3541;    display: block;    font-size: 25px;    padding-bottom: 5px;    padding-top: 10px;    text-transform: uppercase;}
.description-act {    color: #2e3541;    font-size: 15px;}
.meta-date {    display: block;    margin-top: -20px;    text-align: right;}
.meta-date .plus { display:inline;}
.meta-date .plus .fa { vertical-align: sub; }
.meta-date .plus .petit {    font-size: 13px;    margin-left: 10px;    margin-right: 10px;}

/* BANDEAU témoignage  */

.bandeau-temoignage {    background-color: #e8eaed;    padding-top: 20px;}
.div-temoignage {   position:relative;  background: #fff none repeat scroll 0 0;    border: 1px solid #c5c6c7;    color: #2e3541;    font-size: 15px;    padding: 20px;}
.fonction {    font-style: italic;    text-align: right;}
.fonction span { color: #97bf0d; }
.bandeau-temoignage .img-rond {    text-align: right;}
.bandeau-temoignage .img-rond img {    border: 1px solid #ccc;    border-radius: 50%;    height: 100px;    margin-right: 35px;    margin-top: 20px;    overflow: hidden;    width: 100px;}
.div-temoignage::after {    border-color: #c5c6c7 transparent transparent;    border-style: solid;    border-width: 45px 30px 0 0;    bottom: -46px;    content: " ";    height: 0;    position: absolute;    right: 0;    width: 0;}
.alignleft .fa {    vertical-align: sub;}

/* Page  */
	
.breadcrumbs-v1 {    background-size: cover;    height: 450px;}
.bande-haut {    position: relative;}
.bande-haut .page-title {    background: #fff none repeat scroll 0 0;    color: #000;    font-size: 30px;    font-weight: lighter;    padding: 15px 20px 10px;    position: absolute;    right: 0;    text-transform: uppercase;    top: -61px;    width: 53%;}
.bande-haut .page-title img {    height: 61px;    left: -54px;    position: absolute;    top: 0;    width: 54px;}
.bread {    border: 1px solid #eee;    border-radius: 3px;    color: #2e3541;    font-size: 13px;    margin-bottom: 15px;    margin-top: 15px;    padding: 3px 3px 3px 15px;    text-transform: uppercase;}
.bread a { color:#2e3541; }
.responsive {    height: auto;    max-width: 100%;}
.object-content {    border: 1px solid #dedede;    padding: 0 30px;}
.object__title {    color: #fff;    font-size: 16px;    font-weight: 700;    line-height: 1.4;    margin: 10px 0;    text-transform: uppercase;}
.object-content.black { background:#32353C;}



/* Page liste  */

.produits-liste .produit-liste-cadre .object-content {    border: 1px solid #dedede;    padding: 0;    background: #fff;    box-shadow: 1px 1px 1px #dedede;    padding-top: 20px;    min-height: 360px;    margin-bottom: 25px;}
.produits-liste .produit-liste-cadre .object-content a { text-decoration:none;}
.produits-liste .produit-liste-cadre .object-content a h3 {    color: #2e3541;    font-weight: 600;    min-height: 63px;    font-size: 1.3em;    margin-bottom: 20px;    line-height: 1.1em;    margin-top: 0;}
.produits-liste .produit-liste-cadre .object-content .black {    padding: 15px;    background: #ffffff;    padding-bottom: 10px;}
.produits-liste .produit-liste-cadre {    min-height: 400px;}
.produits-liste .produit-liste-cadre .petit {   font-size: 16px;}
.produits-liste .produit-liste-cadre .plus {   font-size: 16px;}
.produits-liste .produit-liste-cadre .post-content-outer p {    color: #767676;    font-size: 14px;    margin-bottom: 0.5em;    font-weight: normal;}
.produits-liste .produit-liste-cadre .responsive {    height: auto;    max-width: 85%;}
.produits-liste .produit-liste-cadre .img-liste {    text-align: center;    display: block;}


/* Page interne */

.page-interne  { color:#2E3541;}
.grand-titre-block {    font-size: 50px;    font-weight: lighter;    line-height: 1em;}
.titre-block {       font-size: 30px;  line-height: 1em;}
.sous-titre-block {     line-height: 1em;}
.sous-titre-block-contenu {    color: #2e3541;    display: block;    font-size: 25px;    line-height: 1em;    margin-bottom: 25px;    position: relative;    text-transform: uppercase;}
.sous-titre-block-contenu::after {    border-bottom: 2px solid #72c02c;    bottom: -8px;    content: "";    left: 0;    position: absolute;    width: 100px;}

.cadre {    background: #eceef0 none repeat scroll 0 0;    padding: 15px;}
.cadre ul li {    list-style: inside none disc;    padding-bottom: 15px;}
	
div.wpcf7 {    margin: 0 0 0 -15px;    padding: 0;}
.wpcf7-form input, .wpcf7-form textarea {    background: #ECEEF0 none repeat scroll 0 0;    border: medium none;    font-size: 14px;    margin-bottom: 15px;    padding: 15px;	color:#2E3541;    width: 100%;}
.wpcf7-form input[type="submit"] {  margin-top:5px;   border: 1px solid #e4e4e2;    border-radius: 0;    display: block;    font-weight: bold;    text-transform: uppercase;}
.wpcf7-form input[type="submit"]:hover { background:#97BF0D; color:#fff; }

.wpcf7-form .label {    color: #000;    font-size: 14px;    font-weight: normal;    line-height: 51px;    padding-left: 0;}
.VotreDemande select {    background: #eceef0 none repeat scroll 0 0;    border: 0 none;    font-size: 14px;    height: 50px;    margin-bottom: 15px;    padding-left: 11px;    width: 100%;}
.acf-map {min-height:400px; }	
.acf-map .titre a {  color: #2E3541; font-size:18px }	
.acf-map .titre a:hover {   color: #97bf0d; }		
	
div.wpcf7-validation-errors {
    border: 2px solid #f7e700;
      padding: 11px;
    clear: left;
}

div.wpcf7-mail-sent-ok {
    border: 2px solid #398f14;
    padding: 11px;
    clear: left;
}
	
.form-search .screen-reader-text	{ display:none;}

/*--------------------
-----COULEUR PAGE SINGLE -----------
----------------------*/	
	
.panel {    margin-bottom: 20px;    background-color: #fff;    border: none;    border-radius: 4px;    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);    box-shadow: none;}
		
.couleur-page-2 .bread {    color: #ffb52f;    font-weight: bold;}
.couleur-page-2 .bouton { background: #ffb52f; }
.couleur-page-2 .plus { color: #ffb52f; } 
.couleur-page-2 .flex-direction-nav a:before { color: #ffb52f; }

.couleur-page-2  .cadre-bleu-ferme a.plus-single .glyphicon {  color: #ffb52f; }
.couleur-page-2  #carousel .flex-active-slide img {    border: 3px solid #ffb52f!important; }
.couleur-page-2 .titre span, .couleur-page-2 h3.object__title span {    position: relative;    clear: left;    color: #ffb52f;    display: block;}
.couleur-page-2 .titre span:after {    content: "";    position: absolute;    bottom: -3px;    left: 0;    width: 105px;    height: 3px;    background: #ffb52f;}
.couleur-page-2  .wpcf7-form input[type="submit"] { background: #ffb52f; color:#fff; }
.couleur-page-2  .dropcap-right .glyphicon { color: #ffb52f; }
.single-produit  .couleur-page-2 .bouton { background: #ffb52f; color:#fff;}
.single-produit  .couleur-page-2 .annotation ul li:before { color: #ffb52f;  }
.couleur-page-2 .titre-accordeon { color: #ffb52f; }
.couleur-page-2 .recherche-lien-single  select {    background: transparent url("/wp-content/themes/vipush/img/fleche-double-orange.png") no-repeat right center; }

.couleur-page-3 h3.object__title span {    position: relative;    clear: left;    color: #97bf0d;    display: block;}
.couleur-page-3 h3.object__title span:after {    content: "";    position: absolute;    bottom: -3px;    left: 0;    width: 105px;    height: 3px;    background: #97bf0d;}
.couleur-page-3 .plus { color: #97bf0d; } 
.couleur-page-3 .flex-direction-nav a:before { color: #97bf0d; }

.couleur-page-3 .bread {    color: #97bf0d;    font-weight: bold;}
.couleur-page-3 .bouton { background: #97bf0d; }
.couleur-page-3  .cadre-bleu-ferme a.plus-single .glyphicon {  color: #97bf0d; }
.couleur-page-3  #carousel .flex-active-slide img {    border: 3px solid #97bf0d!important;   }
.couleur-page-3 .titre  span { position:relative; color: #97bf0d;}
.couleur-page-3 .titre span:after {    content: "";    position: absolute;    bottom: -3px;    left: 0;    width: 105px;    height: 3px;    background: #97bf0d;}
.couleur-page-3  .wpcf7-form input[type="submit"] { background: #97bf0d; color:#fff;}
.couleur-page-3  .dropcap-right .glyphicon { color: #97bf0d; }
.single-produit  .couleur-page-3 .bouton { background: #97bf0d; color:#fff;}
.single-produit  .couleur-page-3 .annotation ul li:before { color: #97bf0d;  }
.couleur-page-3 .titre-accordeon { color: #97bf0d; }
.couleur-page-3 .recherche-lien-single  select {    background: transparent url("/wp-content/themes/vipush/img/fleche-double-verte.png") no-repeat right center; }

.couleur-page-4 h3.object__title span {    position: relative;    clear: left;    color: #ff4219;    display: block;}
.couleur-page-4 h3.object__title span:after {    content: "";    position: absolute;    bottom: -3px;    left: 0;    width: 105px;    height: 3px;    background: #ff4219;}
.couleur-page-4 .plus { color: #ff4219; } 
.couleur-page-4 .flex-direction-nav a:before { color: #ff4219; }

.couleur-page-4 .bread {    color: #ff4219;    font-weight: bold;}
.couleur-page-4 .bouton { background: #ff4219; }
.couleur-page-4  .cadre-bleu-ferme a.plus-single .glyphicon {  color: #ff4219; }
.couleur-page-4  #carousel .flex-active-slide img {    border: 3px solid #ff4219!important;    }
.couleur-page-4 .titre  span {  position:relative; color: #ff4219;}
.couleur-page-4 .titre span:after {    content: "";    position: absolute;    bottom: -3px;    left: 0;    width: 105px;    height: 3px;    background: #ff4219;}
.couleur-page-4  .wpcf7-form input[type="submit"] { background: #ff4219; color:#fff;}
.couleur-page-4  .dropcap-right .glyphicon { color: #ff4219; }
.single-produit  .couleur-page-4 .bouton { background: #ff4219; color:#fff;}
.single-produit  .couleur-page-4 .annotation ul li:before { color: #ff4219;  }
.couleur-page-4 .titre-accordeon { color: #ff4219; }
.couleur-page-4 .recherche-lien-single  select {    background: transparent url("/wp-content/themes/vipush/img/fleche-double-rouge.png") no-repeat right center; }

.couleur-page-5 h3.object__title span {    position: relative;    clear: left;    color: #00b8f1;    display: block;}
.couleur-page-5 h3.object__title span:after {    content: "";    position: absolute;    bottom: -3px;    left: 0;    width: 105px;    height: 3px;    background: #00b8f1;}
.couleur-page-5 .plus { color: #00b8f1; } 
.couleur-page-5 .flex-direction-nav a:before { color: #00b8f1; }

.couleur-page-5 .bread {    color: #00b8f1;    font-weight: bold;}
.couleur-page-5 .bouton { background: #00b8f1; }
.couleur-page-5  .cadre-bleu-ferme a.plus-single .glyphicon {  color: #00b8f1; }
.couleur-page-5  #carousel .flex-active-slide img {    border: 3px solid #00b8f1!important;   }
.couleur-page-5 .titre  span { position:relative; color: #00b8f1;}
.couleur-page-5 .titre span:after {    content: "";    position: absolute;    bottom: -3px;    left: 0;    width: 105px;    height: 3px;    background: #00b8f1;}
.couleur-page-5  .wpcf7-form input[type="submit"] { background: #00b8f1; color:#fff;}
.couleur-page-5  .dropcap-right .glyphicon { color: #00b8f1; }
.single-produit  .couleur-page-5 .bouton { background: #00b8f1; color:#fff;}
.single-produit  .couleur-page-5 .annotation ul li:before { color: #00b8f1;  }
.couleur-page-5 .titre-accordeon { color: #00b8f1; }
.couleur-page-5 .recherche-lien-single  select {    background: transparent url("/wp-content/themes/vipush/img/fleche-double-bleu.png") no-repeat right center; }

.couleur-page-6 h3.object__title span {    position: relative;    clear: left;    color: #9489c5;    display: block;}
.couleur-page-6 h3.object__title span:after {    content: "";    position: absolute;    bottom: -3px;    left: 0;    width: 105px;    height: 3px;    background: #9489c5;}
.couleur-page-6 .plus { color: #9489c5; } 
.couleur-page-6 .flex-direction-nav a:before { color: #9489c5; }

.couleur-page-6 .bread {    color: #9489c5;    font-weight: bold;}
.couleur-page-6 .bouton { background: #9489c5; }	
.couleur-page-6 .cadre-bleu-ferme a.plus-single .glyphicon {  color: #9489c5; }
.couleur-page-6  #carousel .flex-active-slide img {    border: 3px solid #9489c5!important;   }
.couleur-page-6 .titre  span { position:relative; color: #9489c5; }
.couleur-page-6 .titre span:after {    content: "";    position: absolute;    bottom: -3px;    left: 0;    width: 105px;    height: 3px;    background: #9489c5;}
.couleur-page-6  .wpcf7-form input[type="submit"] { background: #9489c5; color:#fff;}
.couleur-page-6  .dropcap-right .glyphicon { color: #9489c5; }
.single-produit .couleur-page-6  .bouton { background: #9489c5; color:#fff;}
.single-produit .couleur-page-6 .annotation ul li:before { color: #9489c5;  }
.couleur-page-6 .titre-accordeon { color: #9489c5; }
.couleur-page-6 .recherche-lien-single  select {    background: transparent url("/wp-content/themes/vipush/img/fleche-double-violet.png") no-repeat right center; }

.couleur-page-6 h3.object__title span {    position: relative;    clear: left;    color: #9489c5;    display: block;}
.couleur-page-6 h3.object__title span:after {    content: "";    position: absolute;    bottom: -3px;    left: 0;    width: 105px;    height: 3px;    background: #9489c5;}
.couleur-page-6 .plus { color: #9489c5; } 
.couleur-page-6 .flex-direction-nav a:before { color: #9489c5; }

.couleur-page-6 .bread {    color: #9489c5;    font-weight: bold;}
.couleur-page-6 .bouton { background: #9489c5; }	
.couleur-page-6 .cadre-bleu-ferme a.plus-single .glyphicon {  color: #9489c5; }
.couleur-page-6  #carousel .flex-active-slide img {    border: 3px solid #9489c5!important;   }
.couleur-page-6 .titre  span { position:relative; color: #9489c5; }
.couleur-page-6 .titre span:after {    content: "";    position: absolute;    bottom: -3px;    left: 0;    width: 105px;    height: 3px;    background: #9489c5;}
.couleur-page-6  .wpcf7-form input[type="submit"] { background: #9489c5; color:#fff;}
.couleur-page-6  .dropcap-right .glyphicon { color: #9489c5; }
.single-produit .couleur-page-6  .bouton { background: #9489c5; color:#fff;}
.single-produit .couleur-page-6 .annotation ul li:before { color: #9489c5;  }
.couleur-page-6 .titre-accordeon { color: #9489c5; }
.couleur-page-6 .recherche-lien-single  select {    background: transparent url("/wp-content/themes/vipush/img/fleche-double-violet.png") no-repeat right center; }


.couleur-page-64 h3.object__title span {    position: relative;    clear: left;    color: #15b584;    display: block;}
.couleur-page-64 h3.object__title span:after {    content: "";    position: absolute;    bottom: -3px;    left: 0;    width: 105px;    height: 3px;    background: #15b584;}
.couleur-page-64 .plus { color: #15b584; } 
.couleur-page-64 .flex-direction-nav a:before { color: #15b584; }

.couleur-page-64 .bread {    color: #15b584;    font-weight: bold;}
.couleur-page-64 .bouton { background: #15b584; }	
.couleur-page-64 .cadre-bleu-ferme a.plus-single .glyphicon {  color: #15b584; }
.couleur-page-64  #carousel .flex-active-slide img {    border: 3px solid #15b584!important;   }
.couleur-page-64 .titre  span { position:relative; color: #15b584; }
.couleur-page-64 .titre span:after {    content: "";    position: absolute;    bottom: -3px;    left: 0;    width: 105px;    height: 3px;    background: #15b584;}
.couleur-page-64  .wpcf7-form input[type="submit"] { background: #15b584; color:#fff;}
.couleur-page-64  .dropcap-right .glyphicon { color: #15b584; }
.single-produit .couleur-page-64  .bouton { background: #15b584; color:#fff;}
.single-produit .couleur-page-64 .annotation ul li:before { color: #15b584;  }
.couleur-page-64 .titre-accordeon { color: #15b584; }
.couleur-page-64 .recherche-lien-single  select {    background: transparent url("/wp-content/themes/vipush/img/fleche-double-turquoise.png") no-repeat right center; }

.single-produit h2.titre {    color: #2e3541;    font-weight: bold;  margin-bottom:30px;    text-transform: uppercase;    letter-spacing: -1px;}
.single-produit .bouton {    cursor: pointer;    padding: 12px;    background: #97bf0d;    color: #fff;    text-transform: uppercase;    font-size: 14px;    font-weight: bold;    float: right;    margin-bottom: 20px;    margin-top: 20px;}
.bouton .glyphicon {    font-size: 24px;    vertical-align: bottom;    margin-left: 13px;}

.cadre-bleu-ferme {    background: #2e3541;    color: #fff;    padding: 15px;    text-align: justify;    line-height: 1.2em;    margin-bottom: 20px;}
.cadre-bleu-ferme  .small {    height: 85px;	 font-size: 15px;    overflow:hidden;}
.cadre-bleu-ferme  .big {    height: auto;	 font-size: 15px;}
.cadre-bleu-ferme a.plus-single {    display: block;    text-align: right;}
.cadre-bleu-ferme a.plus-single .glyphicon {    font-size: 24px;    margin-top: 5px;}
	
.single-produit .panel-default>.panel-heading {    color: #fff;    background-color: #2e3541;    border-color: #2e3541;    border-radius: 0;}
.single-produit .panel-default>.panel-heading a { text-transform:uppercase; color: #fff; font-weight:bold; }
.single-produit .panel-group	.panel-body { padding:0; padding-top:15px; padding-bottom:15px;}

	
.dropcap-right {    float: right;    font-size: 24px;    margin-top: -5px;}
.panel-heading [aria-expanded="false"] .glyphicon:before {     content: "\2b"!important;  }	
.panel-heading [aria-expanded="true"]  .glyphicon:before {     content: "\2212"!important;  }	
	

.single-produit #slider {margin-bottom:0px;}
.single-produit #slider .flex-direction-nav { display:none;}
.single-produit .sliding {margin-bottom:0px;}
.single-produit .sliding .flex-direction-nav { display:none;}

.single-produit #carousel .slides img {  border: 3px solid #e2e3e4;    border-radius: 18px; }
.single-produit #carousel .flex-active-slide img {    border: 3px solid #97bf0d;    border-radius: 18px;}
.single-produit .carou .flex-active-slide img {    border: 3px solid #97bf0d!important;    border-radius: 18px;}
.single-produit .carou .slides img {  border: 3px solid #e2e3e4;    border-radius: 18px; }

.single-produit .legende { color:#2e3541; font-size:13px; font-style:italic; }
.single-produit .sous-image { color:#2e3541; font-size:13px; font-style:italic; }

.single-produit .annotation {    position: absolute;    top: 50%;    left: 7%;}
.single-produit .annotation ul li {    color: #2e3541;    font-size: 13px;    background: #fff;    margin-bottom: 6px;    font-style: italic;    padding: 4px;}
.single-produit .annotation ul li:before {    content: "";    display: inline;    border-left: 4px solid;    margin-right: 5px;}

.petit-texte-form {    color: #2e3550;    margin-top: 17px;    font-size: 14px;}
.single-produit .message textarea { height:180px;  }
.single-produit .produit-concerne-s	textarea {    height: 130px;    font-size: 14px;    color: #fff;    background: #c5c6c7;}

.formulaire-wp7 ::-webkit-input-placeholder {   color: #72757c;}
.formulaire-wp7 ::-moz-placeholder {   color: #72757c;}
.formulaire-wp7 :-ms-input-placeholder {   color: #72757c; }
.formulaire-wp7 :-moz-placeholder {   color: #72757c; }


.titre-accordeon {    font-weight: bold;    text-transform: uppercase;       font-size: 18px;}
.legende { }

.contenu-cadre-single-product img {    max-width: 100%;    height: auto;    margin-bottom: 10px;}
.contenu-cadre-single-product table tr {border-bottom:1px solid #2e3541; }
.contenu-cadre-single-product table td {    text-align: center;    height: 35px;    font-weight: normal;}


.recherche-lien-single { }
.recherche-lien-single  select{  font-size: 12px; font-weight:bold; text-transform: uppercase;   -webkit-appearance: none;    -moz-appearance: none;    appearance: none;     background: transparent url("/wp-content/themes/vipush/img/fleche-double-verte.png") no-repeat right center;
    max-width: 100%;    height: 45px;    padding-left: 5px;    width: 100%;}


.partager-share {
    font-size: 13px;
    line-height: 2.3em;
    padding: 7px;
    height: 45px;
}	

.partager-share b {
    margin-right: 10px;
}

	
/*--------------------
-----TELECHARGEMENT -----------
----------------------*/	
	
.sdm_download_title {    float: left;    font-size: 19px;    font-weight: bolder;    line-height: 18px;}	
.sdm_download_item {    border: 1px solid #e7e9eb;    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);    display: block;    margin-bottom: 15px;    margin-top: 15px;    padding: 15px;}
.sdm_download_item_count { display:none; }	
.sdm_download_button {    display: inline-block;    float: right;}

#exTab1 .nav-pills {}
#exTab1 .nav-pills li { }
#exTab1 .nav-pills li a {    color: #2e3541;    background: #eee;    border-radius: 0;	font-size: 17px;}
#exTab1 .nav-pills li.active a {    background: #97bf0d;	color:#fff;    border-radius: 0;}
	
/*--------------------
-----ACTUALITES -----------
----------------------*/
	
.archive-blog .entry-meta {    color: #2e3541;    display: inline-block;    font-size: 12px;    margin-bottom: 10px;    padding: 0;    text-transform: uppercase;}
.archive-blog .entry-title {    font-weight: 300;    margin-bottom: 0;}
.archive-blog .cadre-art {    border: 1px solid #e7e9eb;    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);    display: block;    margin-bottom: 15px;    padding: 15px;}
.blog-grid-inner {    background: #fff none repeat scroll 0 0;    margin: -70px 40px 0;    padding: 20px;    position: relative;}
.single-post h2.titre-act {    color: #2e3541;    display: block;    font-weight: 300;    padding-bottom: 5px;    padding-top: 10px;    text-transform: uppercase;}
.well {    background: #fff none repeat scroll 0 0;    border: 0 none;    border-radius: 0;    box-shadow: none;    margin-bottom: 20px;    min-height: 20px;    padding: 15px;}
.well aside {    margin-bottom: 20px;}
.well aside h3.widget-title {    color: #2e3541;    display: block;    font-size: 25px;    font-weight: 300;    line-height: 1em;    margin-bottom: 25px;    position: relative;    text-transform: uppercase;}
.well aside h3.widget-title::after {    border-bottom: 2px solid #72c02c;    bottom: -8px;    content: "";    left: 0;    position: absolute;    width: 100px;}
.well aside ul {}
.well aside ul li {    color: #2e3541;    list-style: inside none disc;}
.well aside ul li a {    color: #2e3541;    font-size: 15px;    font-weight: normal;    text-transform: uppercase;}


/*--------------------
-----TEMOIGNAGE -----------
----------------------*/	

.recherche-verte {    padding: 0;}
.searchandfilter ul {    display: block;    margin-bottom: 0;    margin-top: 0;    min-height: 20px;}
.searchandfilter ul li {    display: block;    list-style: outside none none;    margin: 0;	padding:0;}
.searchandfilter ul li li {    float: left;    font-weight: normal;    margin-right: 25px;    padding: 0;    width: 10%;}
.searchandfilter label {    display: inline-block;    font-weight: normal;    margin: 0;    padding: 0;}
.sf-field-submit { clear:left; }
	
	
#search-filter-form-393 { height: 45px; padding-left: 5px; }
#search-filter-form-393 label, #search-filter-form-325 label {    display: inline-block;    font-weight: normal;    margin: 0;    padding: 0;    width: 100%;}	
#search-filter-form-393 .sf-input-select {    height: 45px;}
#search-filter-form-325  select{  font-size: 12px; font-weight:bold; text-transform: uppercase;   -webkit-appearance: none;    -moz-appearance: none;    appearance: none;     background: transparent url("/wp-content/themes/vipush/img/fleche-double-verte.png") no-repeat right center;    max-width: 100%;    height: 45px;    padding-left: 5px;    width: 100%;}
	
	
/*--------------------
-----404 -----------
----------------------*/		
	
.error404 .error-404 h1, .error404 .error-404 .widgettitle { color:#2E3541;}
.error404 .error-404	.screen-reader-text { display:none; }
	
	
	
/*--------------------
-----FOOTER -----------
----------------------*/

#footer-area {  position:relative; font-size:13px;  color:#fff;    background: #97bf0d none repeat scroll 0 0;    border-bottom: 25px solid #2e3541;    clear: left;    min-height: 300px;}
#footer-area a { color:#fff; }
#colophon .scroll-to-top {     right: 0;    position: absolute;    top: 0;	background: #ffed00 none repeat scroll 0 0;    color: #000;     font-size: 30px;    height: 40px;    line-height: 37px;    text-align: center;    width: 40px;}
#colophon .site-info { display:none; }
#text-4 img {    position: absolute;    top: -9px;}
#footer-area .sub-menu, #footer-area .lien-home { display:none; }



/*----------------------------
-----RESPONSIVE LANDSCAPE ---------
----------------------------*/

@media (min-width: 979px) and (max-width: 1199px) {
	
	
.header_menu {    color: #fff;    float: left;    margin-bottom: 20px;    margin-top: 20px;    width: 70%;}
.navbar-nav > li > a {    font-size: 14px;    padding: 18px 7px;    letter-spacing: -1px;    text-shadow: 1px 1px 1px #000;    text-transform: uppercase;}
.ecoute {    margin-right: 6px;}
.widget-2 {    font-size: 14px;    font-weight: bold;}
.well aside h3.widget-title { font-size: 22px;  }

.bande-haut .page-title {     font-size: 27px;    padding: 15px 20px 14px;     width: 63%;}
}
	
	
	

/*-------------------------------------
-----RESPONSIVE TABLETTE --------------
--------------------------------------*/


@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
  
  #text-8 { padding:0;  }
  #text-3 {    letter-spacing: -1px;}
}



@media (min-width: 768px) and (max-width: 979px) {
ul.liste-categorie .col-md-2 {    width: auto;}
.margintop-108 {    margin-top: 30px;}
.leproduit {    padding-left: 0;    padding-top: 40px;}

.header_menu {    color: #fff;    margin-bottom: 20px;    margin-top: 20px;    width: 55%;    right: 31px;    position: absolute;    top: 61px;}
#search-6 { display:none;}
#text-3 {    display: block;    width: 56%;    font-size: 18px;    top: 8px;    padding-left: 0;    padding-right: 0;    position: absolute;    border-right: 1px solid;    left: 0;}
#qtranslate-3 {    border: none;    margin-left: 0;    background: #000;    right: 0;    width: 40%;    padding-left: 10px;    position: absolute;    font-size: 14px;    top: 8px;}
.ecoute {    background: #fff url(img/casque.jpg) no-repeat scroll 6px 7px;    height: 40px;    margin-right: 4px;    width: 40px;}

.navbar-toggle {    margin-right: 10px;    margin-top: 7px;    position: absolute;    z-index: 99;    right: 21px;    top: 18px;}
.navbar-header {        float: none;    }
.navbar-left,.navbar-right {        float: none !important;    }
.navbar-toggle {        display: block;    }
.navbar-collapse {        border-top: 1px solid transparent;        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);    }
.navbar-fixed-top {		top: 0;		border-width: 0 0 1px;	}
.navbar-collapse.collapse {        display: none!important;    }
.navbar-nav {        float: none!important;		margin-top: 7.5px;	}
.navbar-nav>li {        float: none;    }
.navbar-nav>li>a {        padding-top: 10px;        padding-bottom: 10px;    }
.collapse.in{  		display:block !important;	}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {     background-color: #fff; }
#menu-menu-entete {   position: relative;    z-index: 50;   background: #2e3541 none repeat scroll 0 0;    margin-top: 0;}
.navbar-nav > li {   background: #2e3541 none repeat scroll 0 0;  border-bottom: 1px solid #97bf0d;     width: 100%;}
.navbar-collapse .lien-home a {    background: none!important;    color: #fff!important;    font-size: 15px;    padding: 18px 9px!important;    text-shadow: 1px 1px 1px #000;    text-transform: uppercase;}
ul.nav li.dropdown:hover ul.dropdown-menu {    display: block;    position: relative;    width: 100%;    margin-bottom: 10px;}
#text-4 img {	    position: absolute;    top: 80px;    right: -18px;}


.bande-haut .page-title {    width: 65%;}
#text-8 { display:none;  }


}


/*-------------------------------------
-----RESPONSIVE TEL NEW --------------
--------------------------------------*/
@media (max-width: 767px) {


.pea_cook_wrapper.pea_cook_topcenter {
    top: 20%!important;
    left: 5%!important;
    margin: 0!important;
    position: absolute!important;
    width: 90%!important;
}


.site-header {    z-index: 11;}
.header_menu {    color: #fff;    margin-top: 0px;    width: 52%;    right: 13px;    top: 101px;    position: absolute;}

.navbar-toggle {    margin-right: 10px;    margin-top: 7px;    position: absolute;    z-index: 99;    right: 15px;    top: 0;}
.navbar-header {    height: 166px;  }
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {     background-color: #fff; }	
.navbar-collapse.collapse {    background: #2e3541 none repeat scroll 0 0;    width: 100%;    padding-left: 15px;    padding-right: 15px;}
#menu-menu-entete {   position: relative;    z-index: 50;   background: #2e3541 none repeat scroll 0 0;    margin-top: 0;}
.navbar-nav > li {   background: #2e3541 none repeat scroll 0 0;  border-bottom: 1px solid #97bf0d;   float: left;    width: 100%;}
.navbar-collapse .lien-home a {    background: none!important;    color: #fff!important;    font-size: 15px;    padding: 18px 9px!important;    text-shadow: 1px 1px 1px #000;    text-transform: uppercase;}
ul.nav li.dropdown:hover ul.dropdown-menu {    display: block;    position: relative;    width: 100%;}
#text-3 {    display: block;    width: 58%;   font-size: 13px;    top: 8px;    padding-left: 0;    padding-right: 0;    position: absolute;    border-right: 1px solid;    left: 0;}
.ecoute {    background: #fff url(img/casque.jpg) no-repeat scroll 6px 7px;    height: 40px;    margin-right: 4px;    width: 40px;}
#qtranslate-3 {    border: none;    margin-left: 0;    background: #000;    right: 0;    width: 40%;    padding-left: 10px;    position: absolute;    font-size: 14px;    top: 8px;}
#search-6 { display:none;}	

ul.liste-categorie .col-md-2 {    width: auto;}
.margintop-108 {    margin-top: 30px;}
.leproduit {    padding-left: 0;    padding-top: 40px;}
.video-youtube {    margin-top: 90px;}
youtube::before { left: 32%; }
.produit-reference-fond {    margin-top: 20px;}
#text-6 {    padding-left: 15px;    padding-right: 15px;}

.bande-haut .page-title {    font-size: 24px;    padding: 19px 20px 19px;    top: -61px;    width: 68%;}
.grand-titre-block {    font-size: 35px;}

#text-8 { display:none;  }
}


/*-------------------------------------
-----RESPONSIVE TEL OLD --------------
--------------------------------------*/
@media (max-width: 480px) {

.texte-bandeau .titre-dans-page {    font-size: 29px;    margin-top: 40px;}


#logo {    position: absolute;    left: 9%;}
.site-header {    z-index: 11;}
.header_menu {    color: #fff;    margin-top: 125px;    width: 71%;    left: 9%;    position: absolute;}
.navbar-toggle {    margin-right: 10px;    margin-top: 7px;    position: absolute;    z-index: 99;    right: 15px;    top: 0;}
.navbar-header {    height: 166px;   }
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {     background-color: #fff; }	
.navbar-collapse.collapse {    background: #2e3541 none repeat scroll 0 0;    width: 100%;    padding-left: 15px;    padding-right: 15px;}
#menu-menu-entete {     position: relative;    z-index: 50;   background: #2e3541 none repeat scroll 0 0;    margin-top: 0;}
.navbar-nav > li {   background: #2e3541 none repeat scroll 0 0;  border-bottom: 1px solid #97bf0d;   float: left;    width: 100%;}
.navbar-collapse .lien-home a {    background: none!important;    color: #fff!important;    font-size: 15px;    padding: 18px 9px!important;    text-shadow: 1px 1px 1px #000;    text-transform: uppercase;}
ul.nav li.dropdown:hover ul.dropdown-menu {    display: block;    position: relative;    width: 100%;}

.header_menu {    color: #fff;    margin-top: 0px;    width: 92%;    left: 4%;    top: 172px;    position: absolute;}

#text-3 {    display: block;    width: 58%;   font-size: 13px;    top: 8px;    padding-left: 0;    padding-right: 0;    position: absolute;    border-right: 1px solid;    left: 0;}
.ecoute {    background: #fff url(img/casque.jpg) no-repeat scroll 6px 7px;    height: 40px;    margin-right: 4px;    width: 40px;}
#qtranslate-3 {    border: none;    margin-left: 0;    background: #000;    right: 0;    width: 40%;    padding-left: 10px;    position: absolute;    font-size: 14px;    top: 8px;}
#search-6 { display:none;}	


ul.liste-categorie .col-md-2 {    width: auto;}
.margintop-108 {    margin-top: 30px;}
.leproduit {    padding-left: 0;    padding-top: 40px;}
.video-youtube {    margin-top: 90px;}
youtube::before { left: 32%; }
.produit-reference-fond {    margin-top: 20px;}
#text-6 {    padding-left: 15px;    padding-right: 15px;}

.breadcrumbs-v1 {    background-position: -72%;}
.bande-haut .page-title {   font-size: 18px;    padding: 15px 20px 25px;            top: -61px;    width: 79%;}

.grand-titre-block {    font-size: 35px;}

#text-8 { display:none;  }
}