/*
http://mmenu.frebsite.nl/
*/
/*police bootstrap pour les pictos*/
@font-face{
  font-family:'FontAwesome';
  src:url("https://static.ledns.net/font/Font-Awesome/fontawesome-webfont.eot?v=3.2.1");
  src:url("https://static.ledns.net/font/Font-Awesome/fontawesome-webfont.eot?#iefix&v=3.2.1") format("embedded-opentype"), url("https://static.ledns.net/font/Font-Awesome/fontawesome-webfont.woff?v=3.2.1") format("woff"), url("https://static.ledns.net/font/Font-Awesome/fontawesome-webfont.ttf?v=3.2.1") format("truetype"), url("https://static.ledns.net/font/Font-Awesome/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1") format("svg");
  font-weight:normal;
  font-style:normal;
}

/*gÊnÊral*/
html, body{ padding:0; margin:0; }
body{ position:relative; }
@media (max-width: 767px) {#header{ min-height:40px; }}
#header a:after { font-family:FontAwesome; font-size:30px; display:block; content:"\f0c9"; position:absolute; left:10px; top:11px; }
#header a { text-decoration:none; border:none; }
@media (min-width: 768px) {
	html, body{ height:100%; }
	#page{ min-height:100%; }
	a[href="#menu_top"]{ display:none!important; }
}
/*	jQuery.mmenu CSS
	jQuery.mmenu panels CSS */
.mm-menu.mm-horizontal > .mm-panel{ -webkit-transition:left 0.4s ease; -moz-transition:left 0.4s ease; -ms-transition:left 0.4s ease; -o-transition:left 0.4s ease; transition:left 0.4s ease; }
.mm-menu .mm-hidden{ display:none; }
.mm-wrapper{ overflow-x:hidden; position:relative; }
.mm-menu{ background:inherit; display:block; overflow:hidden; width:100%; height:100%; padding:0; position:absolute; /*left:0;*/ top:0; z-index:0; }
.mm-menu > .mm-panel{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; background:inherit; -webkit-overflow-scrolling:touch; overflow:scroll; overflow-x:hidden; overflow-y:auto; width:100%; height:100%; padding:20px; position:absolute; top:0; left:100%; z-index:0; }
.mm-menu > .mm-panel.mm-opened{ left:0%; }
.mm-menu > .mm-panel.mm-subopened{ left:-100%; }
.mm-menu > .mm-panel.mm-highest{ z-index:1; }
.mm-menu .mm-list{ padding:20px 0; } 
@media (min-width: 767px) {.mm-menu > .mm-list{ padding:0; text-align:center; }}
@media (max-width: 768px) {.mm-menu > .mm-list{ padding:0px 0 40px 0; }}
.mm-panel > .mm-list{ margin-left:-20px; margin-right:-20px; }
.mm-panel > .mm-list:first-child{ padding-top:0; }
.mm-list, .mm-list > li{ list-style:none; display:block; padding:0; margin:0; }
@media (min-width: 767px) {.mm-list, .mm-list > li{ display:inline-block; }}
.mm-list{ font:inherit; /*font-size:14px;*/ }
.mm-list li a{ transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out;}
.mm-list a, .mm-list a:hover{ text-decoration:none; }
.mm-list > li{ position:relative; }
@media (min-width: 768px) {
	.mm-list > li:first-child{ border:none; }
}
.mm-list > li > a, .mm-list > li > span{ text-overflow:ellipsis; white-space:nowrap; /*overflow:hidden;*/ color:inherit; /*line-height:0px;*/ display:block; padding:10px 20px; margin:0; }
.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after{ content:''; display:block; width:100%; position:absolute; bottom:0; left:0; }
.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after{ width:auto; /*margin-left:20px;*/ position:relative; left:auto; }
.mm-list a.mm-subopen{ width:40px; height:100%; padding:0; position:absolute; right:0; top:0; z-index:2; } 
.mm-list a.mm-subopen:before{ content:''; display:block; height:100%; position:absolute; left:0; top:0; }
.mm-list a.mm-subopen.mm-fullsubopen{ width:100%; }
.mm-list a.mm-subopen.mm-fullsubopen:before{ border-left:none; } 
.mm-list a.mm-subopen + a, .mm-list a.mm-subopen + span{ padding-right:5px; margin-right:40px; }
.mm-list > li.mm-selected > a.mm-subopen{ background:transparent; }
.mm-list > li.mm-selected > a.mm-fullsubopen + a, .mm-list > li.mm-selected > a.mm-fullsubopen + span{ padding-right:45px; margin-right:0; }
.mm-list a.mm-subclose{ text-indent:20px; padding-top:30px; /*margin-top:-20px;*/ }
.mm-list > li.mm-label{ text-overflow:ellipsis; white-space:nowrap; overflow:hidden; /*font-size:10px;*/ text-transform:uppercase; text-indent:20px; line-height:25px; padding-right:5px; } 
.mm-list > li.mm-spacer{ padding-top:40px; }
.mm-list > li.mm-spacer.mm-label{ padding-top:25px; }
.mm-list a.mm-subopen:after{ content:''; border:2px solid transparent; display:block; width:7px; height:7px; margin-bottom:-5px; position:absolute; bottom:50%; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); }
.mm-list a.mm-subclose:before{ content:''; border:2px solid transparent; display:block; width:7px; height:7px; /*margin-bottom:-5px;*/ position:absolute; bottom:50%; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); }
.mm-list a.mm-subopen:after{ border-top:none; border-left:none; right:18px; } 
.mm-list a.mm-subclose:before{ border-right:none; border-bottom:none; left:10px; }
@media (max-width: 767px) { .mm-list a.mm-subclose:before{ margin-bottom:-15px; } }
@media (min-width: 768px) { .mm-list a.mm-subclose:before{ margin-bottom:-5px; } }
.mm-menu.mm-vertical .mm-list .mm-panel{ display:none; padding:10px 0 10px 10px; } 
.mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after{ border-color:transparent; }
.mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel{ display:block; }
.mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen{ height:40px; }
.mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after{ -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); top:16px; right:16px; }
html.mm-opened .mm-page{ box-shadow:0 0 20px rgba(0, 0, 0, 0.5); }
/* jQuery.mmenu offcanvas addon CSS */
.mm-page, .mm-fixed-top, .mm-fixed-bottom{ -webkit-transition:none 0.4s ease; -moz-transition:none 0.4s ease; -ms-transition:none 0.4s ease; -o-transition:none 0.4s ease; transition:none 0.4s ease; -webkit-transition-property:top, right, bottom, left, border; -moz-transition-property:top, right, bottom, left, border; -ms-transition-property:top, right, bottom, left, border; -o-transition-property:top, right, bottom, left, border; transition-property:top, right, bottom, left, border; }
html.mm-opened .mm-page, html.mm-opened #mm-blocker{ margin:0; top:0; right:0; bottom:0; left:0; border:0px solid rgba(0, 0, 0, 0); } 
/*html.mm-opening .mm-page{ border:0px solid #010101; }*/
.mm-fixed-top, .mm-fixed-bottom{ position:fixed; left:0; }
.mm-fixed-top{ top:0; }
.mm-fixed-bottom{ bottom:0; }
html.mm-opened{ overflow-x:hidden; position:relative; }
html.mm-opened .mm-page{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; position:relative;}
html.mm-background .mm-page{ background:inherit; }
#mm-blocker{ background:url(data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==) transparent; display:none; width:100%; height:100%; position:fixed; z-index:999999; }
html.mm-opened #mm-blocker, html.mm-blocking #mm-blocker{ display:block; }
.mm-menu.mm-offcanvas{ display:none; position:fixed; }
.mm-menu.mm-current{ display:block; }
html.mm-opening .mm-page, html.mm-opening #mm-blocker, html.mm-opening .mm-fixed-top, html.mm-opening .mm-fixed-bottom{ left:80%; }
.mm-menu{ width:80%; }
@media all and (max-width:175px) {
	.mm-menu{ width:140px; }
	html.mm-opening .mm-page, html.mm-opening #mm-blocker, html.mm-opening .mm-fixed-top, html.mm-opening .mm-fixed-bottom{ left:140px; }
}
@media all and (min-width:550px) { 
	.mm-menu{ width:440px; }
	html.mm-opening .mm-page, html.mm-opening #mm-blocker, html.mm-opening .mm-fixed-top, html.mm-opening .mm-fixed-bottom{ left:440px; }
}
@media (min-width: 768px) {
	html, body { min-height:100%; overflow:auto; }
	#mm-blocker { display:none !important; }
	.mm-menu.mm-offcanvas{ display:none; position:absolute; z-index:800; }
	.mm-page { box-shadow:none; width:100% !important; min-height:100%; height:auto !important; margin:0 !important; left:0% !important; top:0 !important; position:relative !important; z-index:1; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
	.mm-menu { z-index:0; width:100% !important; }
	.mm-menu.mm-top, .mm-menu.mm-right, .mm-menu.mm-bottom { top:0 !important; right:auto !important; bottom:auto !important; left:0 !important; }
	.mm-menu:first-child, .mm-menu.mm-current { display:block; }
}
/*
http://webdesign.tutsplus.com/tutorials/big-menus-small-screens-responsive-multi-level-navigation--webdesign-8452
*/

/*police bootstrap pour les pictos*/
@font-face{
  font-family:'FontAwesome';
  src:url("https://static.ledns.net/font/Font-Awesome/fontawesome-webfont.eot?v=3.2.1");
  src:url("https://static.ledns.net/font/Font-Awesome/fontawesome-webfont.eot?#iefix&v=3.2.1") format("embedded-opentype"), url("https://static.ledns.net/font/Font-Awesome/fontawesome-webfont.woff?v=3.2.1") format("woff"), url("https://static.ledns.net/font/Font-Awesome/fontawesome-webfont.ttf?v=3.2.1") format("truetype"), url("https://static.ledns.net/font/Font-Awesome/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1") format("svg");
  font-weight:normal;
  font-style:normal;
}

.toggleMenu{ display:none; padding:10px 5%; width:100%; text-align:left; text-decoration:none!important; position:relative; } 
.nav{ list-style:none; *zoom:1; margin:0; padding:0;  }
.nav:before, .nav:after{ content:" ";  display:table; }
.nav:after{ clear:both; }
.nav ul{ list-style:none; width:9em; margin:0; padding:0; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; }
.nav a{ padding:10px 15px; text-decoration:none; display:inline-block; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; }
.nav li{ position:relative; }
/*.nav > li > a{ display:block; }*/
.nav li ul{ position:absolute; left:0; opacity:0; visibility:hidden; text-align:left; z-index:800; }
.nav > li.hover { }
.nav > li.hover > ul{ left:0; opacity:1; visibility:visible; }
.nav li li.hover ul{ left:100%; top:0; opacity:1; visibility:visible; }
#menus .nav li li a{ display:block; position:relative; z-index:100; padding:10px; }
.nav li li li a{ z-index:200; }

@media (min-width: 768px) {
	.nav li ul{ top:auto; }
	.nav li ul ul{ top:0px; }
	.nav{ text-align:center; }
	.nav > li{ display:inline-block; }
	.nav li li:first-child a{ border:none; }
	.nav li li li:first-child a{ border:none!important; }
}
@media (max-width:767px){
.toggleMenu:after{ font-family:FontAwesome; font-size:25px; display:block; content:"\f067"; position:absolute; right:9px; top:11px; }
.active{ display:block; }
.nav > li a{ display:block; }
.nav > li > .parent:after{ font-family:FontAwesome; font-size:25px; display:block; content:"\f067"; position:absolute; right:10px; top:10px; }
.nav li li .parent:after{ font-family:FontAwesome; font-size:25px; display:block; content:"\f067"; position:absolute; right:10px; top:10px; }
.nav ul{ display:block; width:100%; }
.nav > li.hover > ul , .nav li li.hover ul{ position:static; }
.nav li li.hover ul{ left:0; }
}
/*- Eléments à changer : -*/
@media (max-width: 767px) {
    #main {
        background: transparent url('../images/principale.jpg') no-repeat center top;
    }

    header {
        background: transparent url('../images/fond-menu.jpg') bottom no-repeat;
        text-transform: uppercase;
        font-size: 13px;
    }
}

@media (min-width: 768px) and (max-width:991px) {
    #main {
        background: transparent url('../images/principale.jpg') no-repeat 36% top;
    }

    header {
        background: transparent url('../images/fond-menu.jpg') 36% no-repeat;
        text-transform: uppercase;
        font-size: 13px;
    }
}

@media (min-width:992px) {
    #main {
        background: transparent url('../images/principale.jpg') no-repeat center top;
    }

    header {
        background: transparent url('../images/fond-menu.jpg') bottom no-repeat;
        text-transform: uppercase;
        font-size: 13px;
    }
}


#block_contact_infos ul li {
    color: #666;
}

/* couleur du texte */
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #d10000;
}

/*couleur du h1 bienvenue */
body,
textarea,
input {
    color: #000;
}

/*couleur du texte par défaut*/
a {
    color: #666;
}

/*couleur des liens*/
#rubric_title {
    color: #d10000;
}

/*couleur des titres de page*/
#global_footer h4,
#coordinates {
    color: #000;
}

/*couleur de l'adresse*/
footer h4 {
    color: #d10000;
}

/*couleur de la bordure l'adresse*/
.block_various_links li a,
#block_contact_infos {
    color: #d10000;
}

/*couleur des liens de bas de page*/
#toggle-nav {
    background-color: #d10000;
    /*couleur du fond du bouton menu de bas de page sur telephone*/
    color: #fff;
}

/*couleur du bouton menu de bas de page sur telephone*/


/*menu : commun*/
#menus,
#menu_top {
    font-size: 13px;
}

@media (min-width:992px) and (max-width:1199px) {

    #menus,
    #menu_top {
        font-size: 12px;
    }
}

#menus ul a,
#menu_top ul a {
    color: #000;
    font-size: 14px;
    font-weight: 600;
}

/*couleur du menu*/
#menus ul a:hover,
#menu_top ul a:hover {
    color: #fff;
    background: #d10000;
}

/*couleur du menu au survol*/
@media (max-width: 767px) {

    /*menu2*/
    #header a:after {
        color: #000;

    }



    /* couleur du picto pour les tels*/
    .mm-ismenu {
        background: #fff;
        /* fond du panneau dépliant tel */
    }
    
    .home-btn{margin-left: 35%; float: none !important;}
}
@media (max-width: 767px) {

}


@media (max-width: 767px) and (min-width:320px) {
    #tel_head {
        padding: 0;
        margin-top: -87px;
        position: absolute;
        z-index: 9999;
        margin-left: 0;
        width: 100%;
        top: 0;
       
    }
}

/* Couleurs du bandeau */
#panier a,
#connexion a {
    color: #000;
}

/*couleur panier et connexion*/
#rechercher label {
    color: #000;
}

#rechercher input {
    background: #fff;
    /*fond du champ recherche*/
    border: 1px solid #eaeaea;
    /*bordure du champ recherche*/
    color: #333;
}

/*couleur du texte du champ recherche*/
#tel_head {
    color: #333;
}

/*couleur du téléphone dans le bandeau */
/*catalogue*/
.toggleMenu {
    color: #000;
}

#catalogue {
    font-size: 13px;
}

@media (min-width:768px) and (max-width:991px) {
    #catalogue {
        font-size: 12px;
    }
}

#catalogue ul a {
    color: #000;
    font-weight: 600;
}

/*couleur du catalogue*/
#catalogue ul a:hover {
    color: #fff;
    background: #d10000;
}

/*couleur du catalogue au survol*/

#mycom_block input {
    background: #fff;
}

/*couleur de input mycom*/
#mycom_block button {
    background: #d10000;
    /*couleur du bouton mycom*/
    border: none;
    color: #fff;
}

.catalogueRubriques li {
    border-bottom: 1px #ccc solid;
}

.catalogueRubriques a {
    color: #000;
}

.encart h4 {
    color: #d10000;
}

.encartContenu {
    color: #000;
}

.encart a {
    color: #000;
}

/*Accueil*/
.bouton_black {
    background: #d10000;
    border: none;
}

.bouton_black a {
    color: #fff;
}

.bouton_color {
    background: #fff;
    border: none;
}

.bouton_color a {
    color: #000;
}

.bouton_disponible {
    background: #d10000;
}

.bouton_disponible a {
    color: #fff;
}

.produits h5 a {
    color: #767676;
}

.bouton_prix {
    color: #000;
}

@media (min-width:1200px) {
    #produit_vertical .produits:hover .bouton_prix {
        color: #fff;
    }

    #produit_horizontal .produits:hover .bouton_prix {
        color: #fff;
    }

    .produits:hover {
        -webkit-box-shadow: 0px 0px 24px #cfcfcf;
        -moz-box-shadow: 0px 0px 24px #cfcfcf;
        box-shadow: 0px 0px 24px #cfcfcf;
    }
}

#contact_form,
#contact_form .requis,
#contact_form legend,
#contact_form #submit_contact_form {
    color: #000;
}

/*couleur du texte du formulaire*/
#map h2 {
    color: #d10000;
}

/*couleur du titre de l'infobulle*/
#contact_form,
#contact_form fieldset,
#contact_form input,
#contact_form textarea,
#map {
    border-color: #ccc;
}

/*couleur de la bordure du formulaire*/



/* couleur de fond */
body {
    background-color: #fdfdfd;
}

#global_main {
    background-color: #fff;
}

/* fond en bas du contenu et avant l'adresse */
#global_footer {
    background: #d1d0d0;
}

/* fond du haut de l'adresse */

/* polices de caractères à changer */
body {
    font-family: Arial, Helvetica, sans-serif;
}

.nav,
#rubric_title,
#coordinates,
.toggleMenu,
.mm-menu,
#menus,
#question_head,
#rechercher label,
#global_footer h4,
#mycom_block button,
#produit_vertical .boutons,
header {
    font-family: 'Raleway', sans-serif;
}

.encart h4 {
    font-family: 'Oswald', sans-serif;
    font-weight: 300 !important;
}



/* Général
----------------------------------------------------------*/
/*Formatage de texte*/
h1 {
    font-weight: 700;
    font-size: 1.1em;
}

h2 {
    font-weight: 700;
    font-size: 1.3em;
}

h3 {
    font-weight: 700;
    font-size: 1.17em;
}

h4 {
    font-weight: 700;
    font-size: 1em;
}

h5 {
    font-size: .83em;
}

h6 {
    font-size: .67em;
}

p,
ul,
ol,
li {
    font-size: 1em;
}

a {
    text-decoration: underline;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

/* si changement de couleur au survol */
textarea {
    padding: 3px;
}

input {
    padding: 3px;
}

/* Des classes d'alignement d'objets */
.aligntop {
    vertical-align: top;
}

.alignbottom {
    vertical-align: bottom;
}

.aligncenter {
    margin-left: auto;
    margin-right: auto;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.center {
    text-align: center;
}

.justify {
    text-align: justify;
}

.textshadow {
    -moz-text-shadow: 1px 1px 2px #000;
    -webkit-text-shadow: 1px 1px 2px #000;
    text-shadow: 1px 1px 2px #000;
}

.paddTop10 {
    padding-top: 10px;
}

/* Architecture
----------------------------------------------------------*/
body {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 18px;
}

#global {}

#wrapper {}

.container {
    margin: 0 auto;
}

#global_main .container {}

/* header
----------------------------------------------------------*/
#global_header {}

@media (min-width:992px) and (max-width:1199px) {
    header {
        font-size: 12px;
    }
}

@media (max-width:767px) {
    header {
        font-size: 12px;
    }
}

/*menu*/
@media (min-width:768px) {
    #menus {
        min-height: 63px;
    }

    #menus ul {
        text-align: left;
    }

    #menus a {
        padding: 22px 10px;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    #menus a {
        padding: 22px 5px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    #menus a {
        padding: 22px 5px;
    }
}

@media (min-width:992px) {
    header .col-xs-6 {
        padding-left: 0;
        padding-right: 0;
    }
}

.picto {
    float: left;
    margin-right: 5px;
}

/* contenu
----------------------------------------------------------*/
#global_main {}

#content_bg_image {
    min-height: 200px;
}


/*head*/
#head {}

#rechercher,
#tel_head {
    padding-top: 48px;
}

#rechercher label {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
    padding: 0 0 15px;
    display: block;
}

#rechercher input {
    float: left;
    width: 80%;
    padding: 8px 2%;
}

#rechercher button {
    float: left;
    width: 20%;
    background: transparent url('../images/picto_recherche.png') top no-repeat;
    height: 37px;
    border: none;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #rechercher button {
        height: 40px;
    }
}

#tel_head p {
    margin: 0;
}

#tel_head #question_head {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
    padding: 0 0 15px;
}

#tel_head .row .col-xs-8 {
    padding-top: 10px;
    padding-left: 0;
}


/*categories*/
#catalogue {
    background: transparent url('../images/fond-categorie.jpg') repeat top;
}

@media (min-width:768px) {
    #catalogue ul {
        padding: 0;
        text-transform: uppercase;
    }

    #catalogue a {
        padding: 20px 10px;
        display: inline-block;
        font-size: 14px;
    }
}


/*contenu*/
#columns {
    position: relative;
}

#left_column {
    padding-top: 30px;
}

#center_column {
    padding: 2%;
    background: #ffffff60;
}

#index #center_column {
    padding: inherit;
    background: none;
}

#content {
    padding: 30px 0 10px;
}

#rubric_title {
    position: absolute;
    top: -40px;
    left: 0;
    font-size: 30px;
    line-height: 32px;
    text-align: center;
    width: 100%;
}

@media (max-width:767px) {
    #rubric_title {
        display: none;
    }
}

/* encarts
----------------------------------------------------------*/
.encart {
    margin-bottom: 20px;
}

.encart h4 {
    margin: 0;
    padding: 0;
    height: 69px;
    line-height: 40px;
    text-transform: uppercase;
    background: transparent url('../images/encart_haut.png') top repeat-x;
    font-size: 32px;
}

.encartContenu {
    padding: 10px 0;
    background: transparent url('../images/encart_bg.png') top repeat-y;
}

@media (max-width: 767px) {
    .encartContenu {
        display: none;
    }

    .encart h4 {
        position: relative;
        cursor: pointer;
    }

    .encart h4:after {
        font-family: FontAwesome;
        font-size: 20px;
        display: block;
        content: "\f067";
        position: absolute;
        right: 10px;
        top: 3px;
    }
}

@media (min-width:768px) and (max-width:1199px) {
    .encart h4 {
        font-size: 28px;
        line-height: 30px;
    }
}

.catalogueRubriques {
    padding: 0;
    margin: 0;
}

.catalogueRubriques li {
    list-style: none outside;
    padding: 5px 0;
}

#logo_paiement {
    margin: 0;
    padding: 0;
}

#logo_paiement li {
    display: inline;
}

/* footer
----------------------------------------------------------*/
#global_footer {
    min-height: 30px;
}

/*footer*/
footer {
    padding-top: 20px;
    position: relative;
    z-index: 700;
}

#menu_bottom {
    position: relative;
}

#menu_bottom h4 {
    text-transform: uppercase;
    font-size: 13px;
    margin: 0 0 13px 0;
}

#menu_bottom ul {
    padding: 0;
    margin: 0;
}

#menu_bottom ul li {
    padding: 0;
    overflow: hidden;
    line-height: 20px;
}

@media (max-width: 767px) {
    #menu_bottom ul li {
        padding: 0;
        overflow: hidden;
        line-height: 30px;
    }

    #menu_bottom h4 {
        position: relative;
        margin-bottom: 0;
        padding-bottom: 13px;
        padding-top: 5px;
    }

    #menu_bottom h4:after {
        font-family: FontAwesome;
        font-size: 18px;
        display: block;
        content: "\f055";
        position: absolute;
        right: 0;
        top: 1px;
    }

    #menu_bottom h4.active:after {
        font-family: FontAwesome;
        content: "\f056";
    }
}

#marque {
    text-align: center;
}

#marque img {
    max-width: 100%;
}

#powered {
    padding-top: 8px;
}

/* Intégration
----------------------------------------------------------*/
#site img {
    vertical-align: top;
}

#site {
    text-align: center;
    padding: 5em 0;
}

.texte_gauche {
    padding-left: 20px;
}

.texte_droite {
    padding-right: 20px;
}

.texte {
    padding: 0 20px;
}




/*-accueil-*/
.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}

.rslides li {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
}

.rslides li:first-child {
    position: relative;
    display: block;
    float: left;
}

.rslides img {
    display: block;
    height: auto;
    float: left;
    width: 100%;
    border: 0;
}

/*Produits accueil*/
/*commun*/
.boutons p {
    margin-top: 30px;
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
    padding: 15px 0;
}

.produits {
    position: relative;
    margin-bottom: 20px;
}

@media (min-width:1200px) {
    .imageProduit {
        background: #000;
    }
}

.imageProduit {
    text-align: center;
}

.produits h5 {
    text-align: center;
    font-size: 13px;
    text-transform: uppercase;
    padding: 10px 0;
    margin: 0;
    font-weight: normal;
}

.bouton_disponible,
.bouton_prix,
.bouton_panier,
.bouton_detail {
    text-align: center;
    font-size: 13px;
    text-transform: uppercase;
    padding: 10px 0;
}

.bouton_prix {
    font-size: 30px;
    margin: 0;
}

@media (min-width:1200px) {

    .bouton_panier,
    .bouton_detail {
        display: none;
    }

    .produits:hover .imageProduit img {
        opacity: 0.5;
    }
}

/*produit en vertical*/
#produit_vertical {}

@media (min-width:1200px) {

    #produit_vertical .produits,
    .produit_horizontal .produits {
        min-height: 460px;
    }

    #produit_vertical .produits:hover .bouton_panier,
    #produit_vertical .produits:hover .bouton_detail,
    .produit_horizontal .produits:hover .bouton_panier,
    .produit_horizontal .produits:hover .bouton_detail {
        display: block;
        position: absolute;
        left: 5%;
        width: 90%;
    }

    #produit_vertical .produits:hover .bouton_prix,
    .produit_horizontal .produits:hover .bouton_prix {
        position: absolute;
        font-size: 45px !important;
        text-transform: uppercase;
        width: 90%;
        /*left:5%*/
        ;
    }

    #produit_vertical .produits:hover h5,
    .produit_horizontal .produits:hover h5 {
        padding: 30px 0 10px;
    }

    #produit_vertical .produits:hover .bouton_panier {
        top: 170px;
    }

    #produit_vertical .produits:hover .bouton_detail,
    .produit_horizontal .produits:hover .bouton_detail {
        top: 220px;
    }

    #produit_vertical .produits:hover .bouton_prix,
    .produit_horizontal .produits:hover .bouton_prix {
        top: 120px;
    }
}

@media (min-width:384px) and (max-width:767px) {
    #produit_vertical .col-sm-4 {
        width: 50%;
        float: left;
    }
}

/*produit en horizontal*/
.produit_horizontal .bouton_disponible {
    margin: 0;
    color: #fff
}

.produit_horizontal .bouton_disponible {}

.produit_horizontal .bouton_disponible {
    width: 100%;
}

@media (min-width:768px) {
    .produit_horizontal .produits .contentProduct {
        padding-left: 0;
    }

    #produit_horizontal .produits .col-sm-6:first-child {
        padding-right: 0;
    }

    #produit_horizontal .bouton_disponible {
        position: absolute;
        width: 50%;
        right: 0;
        bottom: 0;
    }
}

@media (min-width:1200px) {
    #produit_horizontal .col-md-6 .bouton_prix {
        padding-top: 50px;
    }

    #produit_horizontal .col-md-6 .contentProduct {
        min-height: 311px;
    }

    #produit_horizontal h5 {
        padding: 40px 0;
        margin: 0;
    }

    /*hover*/
    .produit_horizontal .produits:hover .bouton_disponible {
        top: 35%;
        bottom: inherit;
    }

    .produit_horizontal .produits:hover .bouton_panier,
    .produit_horizontal .produits:hover .bouton_detail {
        display: block;
        position: absolute;
        left: 5%;
        width: 85%;
    }

    .produit_horizontal .produits:hover .bouton_prix {
        position: absolute;
        font-size: 45px !important;
        text-transform: uppercase;
        /*width:85%;*/
        /*left:-90%; top:160%;*/
    }

    #produit_horizontal .produits:hover .bouton_panier {
        top: 120%;
    }

    #produit_horizontal .produits:hover .bouton_detail {
        top: 170%;
    }

    .produit_horizontal .col-md-4 .produits:hover .bouton_panier {
        top: 170px;
    }

    .produit_horizontal .col-md-4 .produits:hover .bouton_detail {
        top: 220px;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    #produit_horizontal h5 {
        padding: 27px 0 28px;
        margin: 0;
    }
}

@media (min-width:768px) and (max-width:991px) {
    #produit_horizontal h5 {
        padding: 68px 0;
        margin: 0;
    }

    #produit_horizontal .col-lg-6 h5 {
        padding: 35px 0;
        margin: 0;
    }
}

@media (min-width:384px) and (max-width:767px) {
    #produit_horizontal .col-md-6 {
        width: 50%;
        float: left;
    }

    #produit_horizontal .col-lg-6 {
        width: 50%;
        float: left;
    }
}



/*-contact- */
#contact_form fieldset {
    display: block;
    margin: 10px auto;
    padding: 0 25px 20px;
    border-width: 1px;
    border-style: solid;
}

#contact_form label {
    display: block;
    padding: 8px 0 0 0;
}

#contact_form .civil {
    display: inline;
}

#contact_form #madame,
#contact_form #mademoiselle,
#contact_form #monsieur {
    border: 0;
    background: transparent;
}

#contact_form input,
#contact_form textarea {
    background: transparent;
    padding: 6px;
    border-width: 1px;
    border-style: solid;
    border-radius: 6px;
}

#contact_form .contact_form_field,
#contact_form #code {
    width: 96%;
}

#contact_form .contact_form_submit {}

#contact_form #submit_contact_form {
    background: transparent;
}

/* Erreur du formulaire*/
#contact_form input.error,
#formulaire textarea.error,
#contact_form .required {
    background-color: #FFD9D7;
    border: 1px dotted #c00;
}

#contact_form .valid {}

#contact_form fieldset :required:valid {}

#contact_form label.error {
    color: #c00;
    font-style: italic;
    display: block;
}

#errors {
    color: #c00;
    text-align: left;
    background-color: #FFD9D7;
    border: 1px solid #c00;
    padding: 0.5em 0.5em 0.5em 3em;
}

/* Information client */
#contact_details {
    padding: 65px 0 0;
}

/* plan d'accès */
#map {
    height: 300px;
    border-width: 1px;
    border-style: solid;
    margin: 20px 0;
    text-align: center;
    color: #000;
}

#map img {
    max-width: none;
}

.infosbulle {
    border: none;
    margin: 0;
    text-align: center;
    font-style: normal;
}

.plan-titre {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 1em;
}

.plan-adresse {
    font-size: 12px;
}

.plan-printer {
    display: block;
    text-align: right;
}

.plan-printer img,
.plan-printer a {
    border: none;
}

/* fin plan d'accès */
@media (max-width:991px) {

    #contact_form,
    #contact_details {
        padding: 0 15px;
    }
}




/*-mentions legales-*/
#infoclient,
#hebergeur,
#credits {
    padding-left: 0;
}

#infoclient li,
#hebergeur li,
#credits li {
    list-style-type: none;
}

#infoclient li img,
#hebergeur li img,
#credits li img {
    vertical-align: top;
}

.span14 #credits li {
    display: inline;
}



#diapo-magazin {
    border: 1px dashed #BCBCBC;
    float: right;
    margin: 0 5em 0 0;
}

#diapo-magazin {
    height: 210px;
    width: 280px;
}

#diapo-magazin img {
    background-color: #BCBCBC;
    border: 3px solid #FFFFFF;
    height: 210px;
    padding: 0.2em;
    width: 280px;
}

/*mycom*/
#global_footer h4 {
    font-size: 20px;
    font-weight: normal;
    text-transform: uppercase;
    margin: 25px 0;
}

@media (max-width:991px) {
    #global_footer h4 {
        margin: 0;
        padding: 10px 0;
    }
}

#mycom_block p.text,
p.submit {
    margin-top: 0;
}

@media (min-width:992px) {

    #mycom_block p.text,
    p.submit {
        padding: 17px 0;
        margin: 0;
    }
}

#mycom_block input {
    border: none;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}

#mycom_block button {
    width: 100%;
    padding-top: 9px;
    padding-bottom: 9px;
    text-transform: uppercase;
    font-size: 15px;
}

@media (min-width:400px) {
    .page-heading .cat-name {
        /* margin-left: 150px;*/
        color: #d10000;
    }
}

#menu_top ul li:nth-child(4) a {
    animation: clignotant 1s infinite;
        background: #d10000;
}

@keyframes clignotant {
    0% {
        color: #000;
        /*background: none;*/
    }

    50% {
        /*color: #fff;background: #d10000;*/
        color: #fff;

    }

    100% {
        color: #000;
        /*background: none;*/
    }
}

.title_block a {
    color: #d10000 !important;
}

#catalogue ul li:nth-child(9) a {
    display: none !important;
}

#index .titre-tabs {

    background: #DA0000;
    padding: 10px;
    color: #fff;
    width: 20%;
    margin-bottom: 3%;
}

@media (max-width:992px) {
    #index .titre-tabs {
        width: 100%;
    }

    .atelier-img {
        margin-top: 3%;
    }
}


#editorial_block_center p {
    font-size: 15px;
    color: #000 !important;
    line-height: 30px;
}

#editorial_block_center a {
    color: #d10000;
    font-weight: 600;
}

#editorial_block_center h1 {
    line-height: 30px;
    font-size: 17px;
}

#categories_block_left li:nth-child(9) a {
    display: none;
}

#menu_bottom ul li:nth-child(9) a {
    display: none;
}

.produit_horizontal .produits:hover .old-price.product-price {
    color: #fff;
}

.atelier-img img {
    border: 2px solid #ba0000;
}

#cms.cms-7 .bx-pager.bx-default-pager .bx-pager-item {
    display: none;
}


@media (max-width: 768px) {
    #cms.cms-7 .partie {
        margin-top: 35px;
    }
}
@media (max-width: 767px) {
	body{overflow-x: hidden;}
	#head .col-sm-3.tel_head #tel_head{ width: 250px; right: 0; margin: 0; top: -39px; padding-top: 0}
	#head .col-sm-3.tel_head #tel_head .row{margin: 0; }
    #head .col-sm-3.tel_head {float: right;width: 220px;}
	#index #center_column .bx-wrapper img{margin: 0 auto;}
	#index #center_column .bx-wrapper p.bouton_detail{margin-left: 15px;
    width: 100%;}
}

#catalogue .nav li:nth-child(8) a{display: none;}

.category_footer .list li:nth-child(8) a{display: none;}

#categories_block_left .encartContenu li:nth-child(8) a{display: none;}