/*
https://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; }
}
/*
https://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:5px; }
#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; }
}
/*- Eléments à changer : -*/































#rubric_title {



    position: relative;



    font-size: 30px;



    line-height: 32px;



    text-align: center;



    width: 100%;



}



h1.page-heading {



    position: relative;



    font-size: 30px;



    line-height: 32px;



    text-align: center;



    width: 100%;



}



#rubric_title,

h1.page-heading {



    font-weight: normal;



}



#content {



    padding: 0 0 10px;



    position: relative;



}



#rechercher label {



    color: #fff;



}



/* couleur du texte */















h1,

h2,

h3,

h4,

h5,

h6 {



    color: #234f9e;



}



/*couleur du h1 bienvenue */



body,

textarea,

input {



    color: #000;



}



/*couleur du texte par défaut*/



a {



    color: #234f9e;



}



/*couleur des liens*/



#rubric_title,

h1.page-heading {



    color: #234f9e;



}



/*couleur des titres de page*/



#global_footer h4 {



    color: #123678;



}



#coordinates {



    color: #fff;



}



/*couleur de l'adresse*/



footer h4 {



    color: #fff;



}



/*couleur de la bordure l'adresse*/



.toggleMenuBottom li a,

#block_contact_infos {



    color: #fff;



}



/*couleur des liens de bas de page*/



/*menu : commun*/















#menus,

#menu_top {



    font-size: 16px;



}



@media (min-width:768px) and (max-width:991px) {



    #menus,

    #menu_top {



        font-size: 14px;



    }



}



#menus ul a,

#menu_top ul a {



    color: #fff;



}



/*couleur du menu*/



#menus ul a:hover,

#menu_top ul a:hover {



    color: #fff;



    background: #c60000;



}



/*couleur du menu au survol*/



@media (max-width: 767px) {



    /*menu2*/















    #header a:after {



        color: #c60000;



    }



    /* couleur du picto pour les tels*/



    .mm-ismenu {



        background: #0d2e6c;

        /* fond du panneau dépliant tel */



    }



}



/* Couleurs du bandeau */















#panier a,

#connexion a {



    color: #fff;



}



/*couleur panier et connexion*/



#rechercher input {



    background: #fff;

    /*fond du champ recherche*/



    border: none;

    /*bordure du champ recherche*/



    color: #000;



}



/*couleur du texte du champ recherche*/



#tel_head {



    color: #0d2e6c;



}



/*couleur du téléphone dans le bandeau */



#tel_head .question_head {



    color: #0d2e6c;



}



/*couleur du téléphone dans le bandeau */



#panier a {



    color: #fff;



}



/*couleur panier et connexion*/



#panier p {



    color: #fff;



}



/*couleur panier et connexion*/



#panier {



    background: #2b61b4;

    /* Old browsers */



    background: -moz-linear-gradient(left, #2b61b4 0%, #2989d8 50%, #3b86e2 50%, #2b61b4 100%);

    /* FF3.6+ */



    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #2b61b4), color-stop(50%, #2989d8), color-stop(50%, #3b86e2), color-stop(100%, #2b61b4));

    /* Chrome,Safari4+ */



    background: -webkit-linear-gradient(left, #2b61b4 0%, #2989d8 50%, #3b86e2 50%, #2b61b4 100%);

    /* Chrome10+,Safari5.1+ */



    background: -o-linear-gradient(left, #2b61b4 0%, #2989d8 50%, #3b86e2 50%, #2b61b4 100%);

    /* Opera 11.10+ */



    background: -ms-linear-gradient(left, #2b61b4 0%, #2989d8 50%, #3b86e2 50%, #2b61b4 100%);

    /* IE10+ */



    background: linear-gradient(to right, #2b61b4 0%, #2989d8 50%, #3b86e2 50%, #2b61b4 100%);

    /* W3C */



    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b61b4', endColorstr='#2b61b4', GradientType=1);

    /* IE6-9 */



}



.bouton_disponible {



    background-color: #f1f1f1;



}



/*catalogue*/















.toggleMenu {



    color: #fff;



}



#catalogue {



    font-size: 13px;



}



@media (min-width:768px) and (max-width:991px) {



    #catalogue {



        font-size: 16px;



    }



    #catalogue a.toggleMenu:hover {



        color: #c60000;



    }



}



#catalogue ul a {



    color: #fff;



    display: block;



}



/*couleur du catalogue*/



#catalogue ul a:hover {



    color: #fff;



    background: #f0232a;



}



/*couleur du catalogue au survol*/



@media (max-width: 767px) {



    #catalogue ul a {



        background: #2457b1;



    }



    /*couleur du catalogue*/



}



#mycom_block input {



    background: #fff;



}



/*couleur de input mycom*/



#mycom_block button {



    background: #234f9e;

    /*couleur du bouton mycom*/



    border: none;



    color: #fff;



}



.catalogueRubriques li {



    border-bottom: 1px #fff solid;



}



.catalogueRubriques a {



    color: #000;



}



.encart h4 {



    color: #fff;



}



.encartContenu {



    color: #000;



}



.encart a {



    color: #000;



}



/*Accueil*/















.bouton_title a {



    color: #123678;



}



.bouton_black {



    background: #c60000;



    border: solid 1px #810000;



}



.bouton_black a {



    color: #fff;



}



.bouton_color {



    background: #234f9e;



    border: solid 1px #19376d;



}



.bouton_color a {



    color: #fff;



}



.bouton_disponible a {



    color: #000;



}



.produits h5 a,

.product-container h5 a {



    color: #000;



}



.bouton_prix {



    color: #fff;



    background: #234f9e;



}



.produits {



    background: #fff;



}



.produits:hover,

.product_list.grid .left-block:hover {



    background: #234f9e;



}



.produits:hover .product-name,

.product_list.grid .left-block:hover .product-name {



    color: #fff

}



#contact_form,

#contact_form .requis,

#contact_form legend,

#contact_form #submit_contact_form {



    color: #000;



}



/*couleur du texte du formulaire*/



#map h2 {



    color: #234f9e;



}



/*couleur du titre de l'infobulle*/



#contact_form,

#contact_form fieldset,

#contact_form input,

#contact_form textarea,

#map {



    border-color: #234f9e;



}



/*couleur de la bordure du formulaire*/



/* couleur de fond */















body,

footer {



    background-color: #123678;



}



#global {



    background-color: #fff;



}



/* fond en bas du contenu et avant l'adresse */



#global_footer {



    background-color: #f1f1f1;



}



/* 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,

.encart h4,

.bouton_title,

h1.page-heading {



    font-family: 'Economica', sans-serif;



}



/* 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 {



    background-image: url('../images/bg.jpg');



    background-position: top;



    background-repeat: repeat-y;



    overflow: hidden

}



#wrapper {}



.container {



    margin: 0 auto;



}



#global_main .container {}



/* header















----------------------------------------------------------*/















#global_header {}



header {



    background: transparent url('../images/fond-menu.jpg') bottom repeat-x;



    text-transform: uppercase;



    font-size: 17px;



}



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



    header {



        font-size: 12px;



    }



}















/*menu*/















@media (min-width:768px) {



    #menus {



        min-height: 62px;



    }



    #menus ul {



        text-align: left;



    }



    #menus a {



        padding: 21px 5px;



    }



}



.picto {



    float: left;



    margin-right: 5px;



}



/* contenu















----------------------------------------------------------*/















#global_main {}



#main {



    background: transparent url('../images/principale.jpg') no-repeat -445px top;



}



#main_v2 {



    background: transparent url('../images/principale_v2.jpg') no-repeat -445px top;



}



#content_bg_image {



    min-height: 200px;



}



/*head*/















#head {}



#rechercher,

#tel_head,

#panier {



    margin-top: 20px;



    margin-bottom: 20px;



}



#rechercher label {



    text-transform: uppercase;



    font-size: 18px;



    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: 35px;



    }



}



#tel_head {



    /* background: transparent url('../images/encart_appel.jpg') left top no-repeat; */



    min-height: 70px;



    width: 270px;



    margin: 0 auto;



    margin-top: 20px;



    padding-top: 10px;



    background-image: linear-gradient(#fff, #d3e2ff);



    border-radius: 10px;



}



.tel-number {

    margin-top: 2px;

    text-transform: uppercase;

    font-size: 14px;

    font-weight: bold;

    padding: 0;

    display: grid;

    color: #2250af;

    text-align: left;

    margin-left: 20px;

    line-height: 20px;

}



@media (max-width: 1200px) {



    #tel_head {



        width: 100%

    }



    #tel_head .question_head {



        /*   padding-left: 10px */



    }



    #tel_head p.text {}



}



#tel_head p {



    margin: 0;



}



#tel_head p.text {



    /* padding-left: 40px */



    display: -webkit-box;



}



#tel_head .question_head {



    text-transform: uppercase;



    font-size: 18px;



    font-weight: bold;



    /*   padding: 2px 0 5px 40px; */



    padding: 0 0 0 9px;



    display: block

}



.question_head {



    text-transform: uppercase;



    font-size: 18px;



    font-weight: bold;



    padding: 15px 0 5px 0px;



}



#panier {



    min-height: 70px;



    padding-left: 10px;



    padding-right: 10px;





}



#panier p {



    margin: 0;



}



#panier .picto {



    margin-top: 15px;



}



.rslides {



    position: relative;



    list-style: none;



    overflow: hidden;



    width: 100%;



    padding: 0;



    margin: 0 0 20px;



}



.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;



}



/*categories*/















#catalogue {



    /* background: transparent url('../images/fond-categorie.jpg') repeat-x top; */



    clear: both;



    margin-top: 5px;



    background: #318ce7;



}















/*#cms #catalogue{margin-top:60px;}*/































@media (min-width:768px) {



    #catalogue ul {



        padding: 0;



        text-transform: uppercase;



    }



    #catalogue a {



        padding: 15px 10px;



        font-size: 15px;



    }



}



/*contenu*/















#columns {



    position: relative;



}



#left_column {



    padding-top: 0px;



}



#center_column {



    float: right;



}



/* encarts















----------------------------------------------------------*/















.encart {



    margin-bottom: 20px;



}



.encart h4 {



    margin: 0;



    padding: 0 10px;



    height: 56px;



    line-height: 40px;



    text-transform: uppercase;



    background: transparent url('../images/encart_haut.png') top repeat-x;



    font-size: 20px;



}



@media (max-width: 767px) {



    .encart h4 {



        font-size: 16px;



    }



}



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



    .encart h4 {



        line-height: 30px;



    }



}



.encartContenu {



    padding: 10px 10px;



    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;



    }



}



.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 {



    background-image: url('../images/footer.jpg');



    background-repeat: repeat-x;



    background-position: top;



}



/*mycom*/















#global_footer h4 {



    font-size: 20px;



    font-weight: normal;



    text-transform: uppercase;



    margin-top: 25px;



}



@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;



    height: inherit;



}



#mycom_block button {



    width: 100%;



    padding-top: 9px;



    padding-bottom: 9px;



    text-transform: uppercase;



    font-size: 15px;



}



/*footer*/















footer {



    padding-top: 20px;



    position: relative;



    z-index: 700;



    background-image: url('../images/fond-adresse.jpg');



    background-position: top;



    background-repeat: repeat-x;



}



#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,

    #left_column .title_block.active:after,

    #catalogue a.toggleMenu.active:after,

    #catalogue ul li.hover > a: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-*/































/*Produits accueil*/















/*commun*/















.boutons p {



    text-align: left;



    font-size: 20px;



    text-transform: uppercase;



    padding: 0px 20px 20px;



}



.bouton_title {



    background: transparent url('../images/btn_nouveautes.png') left top no-repeat;



}



.produits {



    position: relative;



    margin-bottom: 20px;



    padding-bottom: 10px;



}



.produits h5 {



    text-align: left;



    font-size: 15px;



    text-transform: uppercase;



    padding: 10px 10px;



    margin: 0;



    font-weight: normal;



}



.imageProduit {



    text-align: center;



    margin: 0 10px;



}



.bouton_disponible {



    text-align: center;



    font-size: 13px;



    text-transform: uppercase;

    /*padding:10px 0;*/



    margin: 0;



}



.texte_description {



    text-align: left;



    font-size: 13px;



    padding: 10px 0;



    margin: 0 10px;



}



.bouton_prix {



    font-size: 20px;



    margin: 0;



    position: absolute;



    bottom: 45%;



    padding: 10px 15px;



}



.bouton_detail {



    text-align: left;



    font-size: 12px;

    /*padding:10px 10px;*/



    padding: 0px;



    margin: 0 10px;



}



.bouton_disponible a {



    color: #000;



    display: block;



    padding: 10px 0;



}



.bouton_panier {



    text-align: center;



    font-size: 12px;



    padding: 10px 0;



    margin: 5px 10px;



}



/*produit en vertical*/















#produit_vertical {}



@media (min-width:384px) and (max-width:767px) {



    #produit_vertical .col-sm-4 {



        width: 50%;



        float: left;



    }



}















/*produit en horizontal*/































@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,

    #produit_horizontal .bouton_detail,

    #produit_horizontal .bouton_panier {



        margin-right: 10px;



    }



    #produit_horizontal .bouton_detail,

    #produit_horizontal .bouton_panier {



        margin-left: 0;



    }



}



@media (min-width:1200px) {



    #produit_horizontal .col-sm-6 .bouton_disponible {



        margin-bottom: 50px;



    }



}



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



    #produit_horizontal .col-sm-6 .bouton_disponible {



        margin-bottom: 40px;



    }



}



@media (min-width:768px) and (max-width:991px) {



    #produit_horizontal .col-sm-6 .bouton_disponible {



        margin-bottom: 50px;



    }



}



@media (min-width:384px) and (max-width:767px) {



    #produit_horizontal .col-md-6 {



        width: 50%;



        float: left;



    }



    #produit_horizontal .double {



        width: 50% !important;



        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;



    }



    .tel-number {

        font-size: 11px;

    }

}



/*-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;



}



p#connexion {



    margin: 15px 0 0 15px;



}



#cms #homepage-slider {



    margin-bottom: 0;



}



h1.page-heading {



    text-transform: none;



}



.count_par_categ {



    border-bottom: none;



    margin-bottom: 0;



}



#catalogue ul li ul.sub_cat_home {



    min-width: 200px

}



#catalogue ul li ul.sub_cat_home li {



    margin-bottom: 10px

}



#catalogue ul li ul.sub_cat_home a {



    padding: 5px 10px;



}



.min_product_by_order {



    float: right;



    color: #F00;



    font-size: 18px;



    font-weight: bold;



}



.product_list.row.list .left-block .bouton_disponible,

.product_list.row.list .left-block .product-desc,

.product_list.row.list .left-block .bouton_prix,

.product_list.row.list .left-block .bouton_detail,

.product_list.row.list .left-block .bouton_panier,

.product_list.row.list .left-block h5,

.product_list.grid .right-block .bouton_disponible,

.product_list.grid .right-block .product-desc,

.product_list.grid .right-block .content_price,

.product_list.grid .right-block .availability,

.product_list.grid .right-block .bouton_panier,

.product_list.grid .right-block h5 {



    display: none;



}



html,

body {



    overflow-x: hidden !important;



}



#header_logo img.logo {



    margin-top: 5px

}



#cms #contenMap {



    float: none;



    margin-top: 30px

}



#cms .plan {



    width: 100%;



    height: 300px;



    margin: 0 auto

}



.block .title_block a:hover,

.block h4 a:hover {



    color: #c60000

}



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



    #catalogue {



        /*   margin-top: 70px*/



    }



    #cms #catalogue {



        margin-top: 80px;



    }



    ul.product_list.grid > li .product-container .button-container {



        display: none

    }



}



@media (min-width: 768px) and (max-width: 991px) {



    ul.product_list.grid > li .product-container .button-container {



        display: none

    }



}



@media (max-width: 768px) {



    .mm-menu > .mm-list {



        padding: 0px 0 0 0 !important;



    }



}



@media (max-width: 767px) {



    #homepage-slider {



        padding-top: 0

    }



    #header a:after {



        top: 11px !important

    }



    #header_user_info {



        padding-top: 0 !important

    }



    #connexion a.text {



        display: none

    }



    #header_logo {



        clear: both;



        /* position: absolute;*/















        max-width: 100%;



        left: 0;



        right: 0;



        top: 100px;



    }



    #header_logo img.logo {



        /*  max-width: 30%;*/



        max-width: 75px;



        margin: 0 auto;



    }



    #head .shopping_cart #panier {



        margin-top: 0;



        padding-left: 10px;



        padding-right: 5px

    }



    #head .shopping_cart #panier .picto {



        display: none !important

    }



    #tel_head {



        margin-top: 0

    }



    #tel_head .question_head {



        display: none;



        padding-left: 5px;



        padding-right: 5px

    }



    .tel-number {

        padding-left: 8px;

    }







    #tel_head p {



        padding-left: 5px;



        padding-right: 5px

    }



    #tel_head p.text {



        padding-left: 0px;



    }



    #main {}



    #catalogue a.toggleMenu {



        color: #fff;



        font-size: 20px;



        padding-left: 10px;



        text-transform: uppercase;



        line-height: 57px;



        padding-top: 0;



        height: 56px;



    }



    #catalogue a.toggleMenu:hover {



        color: #c60000

    }



    #contact #left_column {



        display: none

    }



    ul.product_list.grid > li .product-container .button-container {



        display: none

    }



    #left_column {



        margin-bottom: 30px;



    }



    #left_column .products-block {



        background: none

    }



    #left_column .block .block_content {



        display: none

    }



    .columns-container {



        padding-top: 0

    }



    .columns-container #columns {



        padding-top: 10px

    }



    .block .title_block,

    .block h4 {



        line-height: 51px;



    }



    .block .title_block:after,

    .block h4:after {



        top: 3px

    }



    .toggleMenu:after {



        top: 3px;



        right: 15px;

    }



    #mycom_block_row h4 {



        padding-left: 15px;



        padding-right: 15px

    }



    #mycom_block_row h4:after {



        display: none

    }



    .footer-block .toggle-footer {



        display: none

    }



    #footer #social_block {



        min-width: auto;



        margin-top: 10px;



        float: left !important;



        padding-left: 15px

    }



    #footer #social_block h4:after {



        display: none

    }



    #footer #social_block h4 {



        margin-top: 0

    }



    #head .col-sm-3 {



        /*  float: none;



        width: 100%;*/



    }



}



@media (max-width: 479px) {



    #tel_head p.text strong {



        display: block

    }



}



#homepage-slider {



    opacity: 0

}



#homepage-slider .bx-wrapper .bx-pager {



    bottom: 8px;



    right: 30px;



    width: auto

}



#homepage-slider .bx-wrapper .bx-pager.bx-default-pager a {



    background: #b42c1a;



}



#homepage-slider .bx-wrapper .bx-pager.bx-default-pager a:hover,

#homepage-slider .bx-wrapper .bx-pager.bx-default-pager a.active {



    background: #146299;



}



#mycom_block_row h4 {



    font-weight: bold;



    color: #c60000;



}



#mycom_block_row #mycom_block input {



    border: 1px solid #c60000

}







@media(min-width: 1600px) {



    #main {



        background: transparent url(../images/principale.jpg) no-repeat center top;



    }



    #main_v2 {



        background: transparent url(../images/principale_v2.jpg) no-repeat center top;



    }



}





.phone-icone:hover {

    transform: rotateY(180deg);

    -webkit-transform: rotateY(180deg);

    -moz-transform: rotateY(180deg);

    -o-transform: rotateY(180deg);

    -ms-transform: rotateY(180deg);

}



.phone-icone {

    transition: transform 360ms ease-in-out 0s, -webkit-transform 360ms ease-in-out 0s;

    -webkit-transition: transform 360ms ease-in-out 0s, -webkit-transform 360ms ease-in-out 0ss;

    -moz-transition: transform 360ms ease-in-out 0s, -webkit-transform 360ms ease-in-out 0s;

    -o-transition: transform 360ms ease-in-out 0s, -webkit-transform 360ms ease-in-out 0s;

    -ms-transition: transform 360ms ease-in-out 0s, -webkit-transform 360ms ease-in-out 0s;

}





.tel-number span {

    font-size: 18px;

    color: #c60000;

}





.product_list.row.list .new-box {

    left: 17px;

}



#left_column .content_img img {

    float: left;

    border: 1px solid #d6d4d4;

    margin-right: 19px;

}





#left_column .left-best li {

    padding: 0 0 20px 0;

    margin-bottom: 20px;

    border-bottom: 1px solid #d6d4d4;

}





#left_column #new-products_block_right .product_image img {

    float: left;

    border: 1px solid #d6d4d4;

    margin-right: 19px;

}







#left_column .left-list .product-content {

    padding: 2%;

    width: 40%;

    padding: 0 0 20px 0;

    margin-bottom: 20px;

    border-bottom: 1px solid #d6d4d4;

}





#left_column .product_image {

    padding: 0 0 20px 0;

    margin-bottom: 20px;

    border-bottom: 1px solid #d6d4d4;

}
/* .tel-number {
    margin-top: 2px;
    text-transform: uppercase;
    font-size: 13px!important;
    font-weight: bold;
    padding: 0;
    display: grid;
    color: #2250af;
    text-align: left;
    margin-left: 6px!important;
    line-height: 20px;
} */
.tel-number span {
    font-size: 14px!important;
    color: #c60000;
}
@media(max-width:991px) and (min-width:768px)
{
    #tel_head .question_head {
        text-transform: uppercase;
        font-size: 15px;
        font-weight: bold;
        /* padding: 2px 0 5px 40px; */
        padding: 0px 0 0 0px!important;
        display: block;
    }
    .tel-number {
        font-size: 11px !important;
        margin-left: 1px!important;
    }
    .tel-number span {
        font-size: 12px!important;
    }

}
#map {
    height: auto!important;
    border-width: 1px;
    border-style: solid;
    margin: 20px 0;
    text-align: center;
    color: #000;
}
.tel-number {
    margin-top: 2px;
    text-transform: uppercase;
    font-size: 13px!important;
    font-weight: bold;
    padding: 0;
    display: grid;
    color: #2250af;
    text-align: left;
    margin-left: 0px!important;
    line-height: 17px;
    display: initial;
    top: 20px !important;
}
#tel_head p.text {
    display: -webkit-box;
}
#tel_head .question_head {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
    /* padding: 2px 0 5px 40px; */
    padding: 0 0 0 11px;
    display: block;
}
@media(max-width:452px)
{#tel_head .question_head {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    /* padding: 2px 0 5px 40px; */
    padding: 0 0 0 8px;
    display: contents;
}
.tel-number {
    margin-top: 2px;
    text-transform: uppercase;
    font-size: 5px!important;
    font-weight: bold;
    padding: 0;
    display: grid;
    color: #2250af;
    text-align: left;
    margin-left: 13px!important;
    line-height: 11px;
    display: initial;
    top: 20px !important;
}
.tel-number span {
    font-size: 11px!important;
    color: #c60000;
}
}
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,
.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
    display: block;
    margin: auto;
    text-align: center;
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    /* padding: 0 !important; */
    font: inherit
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.owl-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}