/*
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; -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; }
.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; }
.nav li li a{ display:block; position:relative; z-index:100; }
.nav li li li a{ z-index:200; }

@media (min-width: 768px) {
	.nav li ul{ top:30px; }
	.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("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 : -*/







/* couleur du texte */



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



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



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



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



#global_footer h4, #coordinates{		color:#000;}	/*couleur de l'adresse*/



footer h4{ 								color:#7e0808; } /*couleur de la bordure l'adresse*/



.block_various_links li a,



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



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



										color:#000;}			/*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:#3f3f3f;}		/*couleur du menu*/



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



										background:#7e0808;} 	/*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 */



}}







/* Couleurs du bandeau */



#panier a, #connexion a{				color:#3f3f3f;}				/*couleur panier et connexion*/



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



#catalogue{								font-size:13px; }



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



	#catalogue{ 						font-size:12px; }



}



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



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



										background:#7e0808;} 	/*couleur du catalogue au survol*/

 .checkbox {

  display: inline-block;

 vertical-align: middle;

}







#mycom_block input{						background:#7e0808;}	/*couleur de input mycom*/



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



										border:1px solid #7e0808;



										color:#000;}



										



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







.block h4{								color:#fff;}



.block_content{							color:#000;}







/*Accueil*/



.bouton_black{							background:#2f292f;



										}



.bouton_black a{						color:#fff;}



.bouton_color{							background:#7e0808;



										}



.bouton_color a{						color:#fff;}



.bouton_disponible{						background:#7e0808;}



.bouton_disponible a{					color:#fff;}



.produits h5 a{							color:#767676;}



.bouton_prix{							color:#000;}







#contact_form,



#contact_form .requis, 



#contact_form legend,



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



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



#contact_form, 



#contact_form fieldset, 



#contact_form input, 



#contact_form textarea, 



#map{									border-color: #7e0808;} /*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; }



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



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



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



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



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



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



#content_bg_image{ min-height:200px; }











/*head*/



#head{ }



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



#head label{ text-transform:uppercase; font-size:13px; font-weight:bold; padding:15px 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:15px 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; }



}







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





.facebook{padding-top:10px;}



/* blocks



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



.block{ margin-bottom:20px; }



.block h2, .block h4, p.title_block{ margin:0; padding:10px; height:69px; line-height:40px; text-transform:uppercase; background:transparent url('../images/encart_haut.png') top no-repeat; font-size:26px; }



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



@media (max-width: 767px) {



.block_content{ display:none; }



.block h2, .block h4, p.title_block{ position:relative; cursor:pointer; }



.block h2:after, .block h4:after, p.title_block: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){ .block 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; }



/*mycom*/



#global_footer h4{ font-size:20px; font-weight:normal; text-transform:uppercase; }



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







/*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; color:#7e0808 !important }



#menu_bottom h4 a{color:#7e0808 !important }



#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{ -webkit-box-shadow: 0px 0px 24px #cfcfcf; -moz-box-shadow: 0px 0px 24px #cfcfcf; box-shadow: 0px 0px 24px #cfcfcf; }



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



}



/*produit en vertical*/



#produit_vertical{ }



@media (min-width:1200px){



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



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



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



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



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



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



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



	#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; text-transform:uppercase; width:85%; left:-90%; color:#fff; top:160%; }



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



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



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



	#produit_horizontal .col-md-6 .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; } 







.container p {padding-top:10px; }







.page-product-box .rte {



    border: 1px solid #d6d4d4;



    padding: 5px;



}







#head .shopping_cart {display:none;}







.toggle-footer i { margin-right:5px;}



#mycom_block_column label {color:black;}



#subcategories ul li {height:250px;}



.new-box {

	/*display : none;*/

}

.account_creation_mycom .checkbox{width: 100%;

clear: both;}
#global_header .social{
	display: flex;
	align-items: center;
	gap: 10px;
padding-top: 8px;
}
#global_header .facebook{
	padding-top: 0;
}
#global_header .instagramm img{
	max-width: 37px;;
}
@media(max-width:991px){
	#global_header .col-md-7.col-sm-12{
		width: 85%;
		float: left;
	}
	#global_header .social{
		width: 15%;
	}
}
@media(max-width:767px){
	#global_header .col-md-7.col-sm-12{
		width: 30%;
	}
	#global_header .social{
		width: 70%;
	}
	#header{
		background: #fff;
	}
	#global_header .social{
		justify-content: flex-end
	}
}