/*
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("http://static.ledns.net/font/Font-Awesome/fontawesome-webfont.eot?v=3.2.1");
  src:url("http://static.ledns.net/font/Font-Awesome/fontawesome-webfont.eot?#iefix&v=3.2.1") format("embedded-opentype"), url("http://static.ledns.net/font/Font-Awesome/fontawesome-webfont.woff?v=3.2.1") format("woff"), url("http://static.ledns.net/font/Font-Awesome/fontawesome-webfont.ttf?v=3.2.1") format("truetype"), url("http://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; }
}
/*
http://mmenu.frebsite.nl/
*/
/*police bootstrap pour les pictos*/
@font-face{
  font-family:'FontAwesome';
  src:url("http://static.ledns.net/font/Font-Awesome/fontawesome-webfont.eot?v=3.2.1");
  src:url("http://static.ledns.net/font/Font-Awesome/fontawesome-webfont.eot?#iefix&v=3.2.1") format("embedded-opentype"), url("http://static.ledns.net/font/Font-Awesome/fontawesome-webfont.woff?v=3.2.1") format("woff"), url("http://static.ledns.net/font/Font-Awesome/fontawesome-webfont.ttf?v=3.2.1") format("truetype"), url("http://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) {
	
	#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 : -*/

@media (min-width:768px){

	#menus{ min-height:32px; position:relative; }

	#menus ul{ text-align:center; }

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

}

#main{  background:transparent url('../images/main.jpg') no-repeat center top 50px; }

@media (min-width:1200px){

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

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

	.blocproduct{ position:absolute; bottom:38px; width:100%; }

}

/* couleur du texte */

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

body, textarea, input{					color:#fff;}	/*couleur du texte par défaut*/

a {										color:#fff;}	/*couleur des liens*/

#rubric_title{							color:#636363;}	/*couleur des titres de page*/

#global_footer h4{						color:#fff;text-transform: uppercase;font-size: 20px;margin: 20px 0;}	/*couleur de l'adresse*/

#block_contact_infos_titre h4{			color:#fff;}	/*couleur de l'adresse*/

.toggleMenuBottom li a,

#block_contact_infos{					color:#fff;}	/*couleur des liens de bas de page*/



/*menu : commun*/

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

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

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

}

#menus ul a, #menu_top ul a{			color:#0c0c0c;}		/*couleur du menu*/

#menus ul a:hover, #menu_top ul a:hover{color:#fff;

										background:#0c0c0c;} 	/*couleur du menu au survol*/

@media (max-width: 767px) {

/*menu2*/

#header a:after{						color:#0c0c0c;} 				/* couleur du picto pour les tels*/

.mm-ismenu{								background:#dfdfdf;			/* fond du panneau dépliant tel */

}}



/* Couleurs du bandeau */

#rechercher input{						background:#505050;			/*fond du champ recherche*/

										border:1px solid #fff;	/*bordure du champ recherche*/

										color:#fff;}				/*couleur du texte du champ recherche*/

#rechercher button{						background:#505050; color:#fff; }

#tel_head, #panier, #connexion, 

#tel_head a, #panier a, #connexion a{	color:#505050;}				/*couleur panier et connexion*/

.subtitlehead, .subtitlehead a{			color:#636363!important;}

/*catalogue*/

.toggleMenu{							color:#fff;}

#catalogue{								font-size:13px; }

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

	#catalogue{ 						font-size:11px; }

}

#catalogue ul a{						color:#ddd;}			/*couleur du catalogue*/

#catalogue ul a:hover{					color:#636363;

										border-bottom:#636363 solid 9px;} 	/*couleur du catalogue au survol*/



#mycom_block input{						background:#fff; color:#000;}	/*couleur de input mycom*/

#mycom_block button{					background:#636363;		/*couleur du bouton mycom*/

										border:1px solid #a5a5a5;

										color:#fff;}

										

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

.catalogueRubriques a{					color:#000;} 



.encart h4{								color:#636363;}

.encartContenu{							color:#000;}

.encart a{								color:#000;} 



/*Accueil*/

.bouton_black a{						background:#636363;

										color:#fff;}

.bouton_color a{						background:#dfdfdf;

										color:#000;}

.bouton_black a:hover{					background:#fff;

										color:#000;}

.bouton_color a:hover{					background:#636363;

										color:#fff;}

.bouton_disponible{						background-color:#636363;}

.bouton_disponible a{					color:#fff; background:none; border:none} 

@media (min-width:1200px){

	#produit_vertical .produits:hover .bouton_disponible{ background-color:#fff; }

	#produit_vertical .produits:hover .bouton_disponible a{	color:#636363;}

}

.produits h5 a{							color:#ddd;}

.bouton_prix{							color:#fff;}

#produit_horizontal .produits .contentProduct{ background-color:#b2b2b2; }



#contact_form,

#contact_form .requis, 

#contact_form legend,

#contact_form #submit_contact_form{		color:#fff;}	/*couleur du texte du formulaire*/

#map h2{								color:#636363;}	/*couleur du titre de l'infobulle*/

#contact_form, 

#contact_form fieldset, 

#contact_form input, 

#contact_form textarea, 

#map{									border-color: #dfdfdf;} /*couleur de la bordure du formulaire*/







/* couleur de fond */

body{									background-color:#000;} 

#global_menu{							background-color:#000;}	/* fond du menu */

#head{									/*background-color:#f6f5f6;*/}	/* fond des encart de connexion */

#global_main {							background-color:#000;}	/* fond en bas du contenu et avant l'adresse */

#global_footer{							background-color:#000;}	/* 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; }







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

#global_menu{ background:transparent url('../images/fond-menu.jpg') bottom repeat-x; text-transform:uppercase; }

/*menu*/



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

#principale{ background:transparent url('../images/fond.jpg') bottom repeat-x; }

header{ background:transparent url('../images/principale.jpg') no-repeat center bottom; text-align:center; }

/*@media (max-width:767px) { header{ padding-top:65px; } }*/



/* contenu

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

#global_main{ background-image:url('../images/fond-main.jpg'); background-position:top; background-repeat:repeat-x; }





/*head*/

#head{ /*background-image:url('../images/fond-bandeau.jpg'); background-repeat:repeat-x; background-position:top*/; }

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

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

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

#rechercher button{ float:left; width:17%; height:36px; border:none; }

/*@media screen and (-webkit-min-device-pixel-ratio:0) {

	#rechercher button{ height:40px; }

}*/



#tel_head p, #connexion p, #panier p{ margin:0; }

#panier{ margin-bottom:10px; }

.subtitlehead{ text-transform:uppercase; font-size:13px; font-weight:bold; padding:0 0 0px; }

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



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



#content_bg_image{ min-height:200px; }



/*categories*/

@media (min-width:768px){

	#catalogue{ background:transparent url('../images/fond-categorie.png') repeat top; min-height:58px; }

	#catalogue ul{ padding:0; text-transform:uppercase; }

	#catalogue a{ padding:15px 10px 10px; }

}



/*contenu*/

#columns{ position:relative;}

#left_column{ padding-top:30px; }

#center_column{ }

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



#rubric_title{ position:absolute; top:5px; 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{font-family: Arial,Helvetica,sans-serif;

	color: #fff;

	margin: 20px 0 20px;

	padding: 0;

	height: 52px;

	line-height: 21px;

	text-transform: uppercase;

	font-size: 20px;

	font-weight: normal;

	border-bottom: #ccc solid 9px;}

.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; font-size:17px; }

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

}

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



.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; background-image:url('../images/fond-adresse.jpg'); background-position:top; background-repeat:repeat-x; }

/*mycom*/

#block_contact_infos_titre h4{ font-size:20px; font-weight:normal; text-transform:uppercase; margin:0; min-height:71px; line-height:70px; margin-bottom:20px; }

#block_contact_infos ul{ padding:0;}

@media (min-width:768px) { #block_contact_infos li{ list-style:none; display:inline-block; padding-right:15px!important;}}

@media (max-width:767px) { #block_contact_infos li{ list-style:none; display:block;}}

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

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

#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;}



/*footer*/

footer { position:relative; z-index:700; }

#menu_bottom{ position:relative; }

#menu_bottom h4{ text-transform:uppercase; font-size:20px; margin:20px 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:0px; margin-bottom:15px; text-align:center; font-size:20px; text-transform:uppercase; padding:15px 0;}

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

.bouton_black a, .bouton_color a{ display:block; padding:10px 0;}

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

.imageProduit{ text-align:center; }

.blocproduct{ background:transparent url('../images/fond_produit.png') top repeat; }

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

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

.bouton_disponible{ background-image:url('../images/btn_disponible1.jpg'); background-repeat:no-repeat; background-position:left top;  }

.bouton_prix{ font-size:40px; margin:0; line-height:40px; padding:10px 15px }



/*produit en vertical*/

#produit_vertical{ }

@media (min-width:1200px){

	#produit_vertical .produits{ /*min-height:432px;*/ }

	#produit_vertical .produits:hover .bouton_disponible{ background-image:url('../images/btn_disponible2.jpg'); background-repeat:no-repeat; background-position:left top; }

}

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

	#produit_horizontal .bouton_disponible{ }

@media (min-width:768px){ 

	#produit_horizontal .produits .row{ position:relative; }

	#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{ top:60px; position:absolute; }

	#produit_horizontal .bouton_prix{ line-height:14px; }

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

	#produit_horizontal .col-lg-6 .contentProduct{ min-height:200px; }

	#produit_horizontal .col-md-6 h5{ padding:40px 0 80px; margin:0; }

	

	/*hover*/

	#produit_horizontal .produits:hover .bouton_prix{ position:absolute; font-size:45px; text-transform:uppercase; left:-90%; color:#fff; top:60px; }

}

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

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

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

	#produit_horizontal .col-lg-6 .contentProduct{ min-height:365px; }

}

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

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

	#produit_horizontal .col-lg-6 .contentProduct{ min-height:275px; }

}

@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; color:#fff }

#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:636363;}

#contact_form #submit_contact_form:hover{ background:#fff; color:#000}

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

#contact_details h3{ font-size:16px;}



/* plan d'accès */

#map{ height:300px; border-width:1px; border-style:solid; margin:20px 0; text-align:center; color:#000;}

#map iframe{width: 100%;}

#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;color: #fff; }

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

.span14 #credits li { display:inline; } 



header img.logo{ margin:0 auto;}

#htmlcontent_home{ margin-top:-20px;}

ul.product_list li .produits:hover .bouton_disponible {

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

	background-color: #fff;

    background-repeat: no-repeat;

    background-position: left top;

}

ul.product_list li .produits:hover .bouton_disponible a{color: #636363;}



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

	

}

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

	.listTop li a{ padding-left:3px; padding-right:3px; font-size:11px}

}

@media  (max-width: 767px){

	.mm-list, .mm-list > li{ display:block}

	#global_menu{background: #dfdfdf url('../images/fond-menu.jpg') 0 0px repeat-x;}

	#header a::after{top: 11px;}

	#head{ background-color:#161618}

	.blockcategories_top a.toggleMenu{ font-size:13px; padding-top:17px }

	.blockcategories_top a.toggleMenu:hover{ color:#636363}

	.blockcategories_top .toggleMenu:after{ top:19px}

	.blockcategories_top .category_footer.toggle-footer{ display:none}

	.listTop{ background:#161618;}

	.listTop ul{ text-align:left}

	.listTop li{ display:block} 

	.listTop li a{ display:block; width:100%; text-align:left; border-bottom:9px solid #161618}

	#global_footer footer h4::after, footer h3::after {

    display: block;

    content: "\f055";

    font-family: "FontAwesome";

    position: absolute;

    right: 0;

    top: 13px;

    cursor: pointer;

    }

	

	#global_footer footer .toggle-footer{ display:none}

	#global_footer #block_contact_infos_titre h4{ padding:0}

	#global_footer #block_contact_infos_titre h4:after{ display:none}

	#global_footer #block_contact_infos_titre .toggle-footer{ display:block;}

}