/*- Eléments à changer : -*/
footer { position:relative; z-index:700; background-image:url('../images/adresse.jpg'); background-position:top center; background-repeat:no-repeat; }
#global_footer{ min-height:30px; background-image:url('../images/fond-adresse.jpg'); background-position:top; background-repeat:repeat-x; }

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

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

/* couleur du texte */
h1,h2,h3,h4,h5,h6{						color:#353535;}	/*couleur du h1 bienvenue */
body, textarea, input{					color:#000;}	/*couleur du texte par défaut*/
a {										color:#353535;}	/*couleur des liens*/
#rubric_title{							color:#353535;}	/*couleur des titres de page*/
#global_footer h4{						color:#353535;}	/*couleur de l'adresse*/
#block_contact_infos_titre h4{			color:#fff;}	/*couleur de l'adresse*/
.toggleMenuBottom li a,
#block_contact_infos{					color:#000;}	/*couleur des liens de bas de page*/

/*menu : commun*/
#menus, #menu_top{						font-size:12px; }
@media (min-width:768px) and (max-width:991px){
	#menus, #menu_top{ 					font-size:10px;
	height: 40px;
background-color: #353535; }
.product-container.produits {width: 100%;}

ul.product_list.grid .product-name {  margin-top: 0; line-height: 18px;  font-size: 14px;}
ul.product_list > li .product-container.produits .content_price span.price {  font-size: 19px;}
.button.lnk_view span ,.button.ajax_add_to_cart_button span {font-size: 12px;padding: 4px 0px;}
#index ul.product_list.grid > li .availability {bottom: 0px}
ul.product_list.grid > li .product-container .button-container {
    margin-top: 28px;}
    #account_top a { font-size: 11px;
    line-height: 17px;}

}
#menus ul a, #menu_top ul a{			color:#fff;}		/*couleur du menu*/
#menus ul a:hover, #menu_top ul a:hover{color:#383839;
										background:#dfdfdf;} 	/*couleur du menu au survol*/
@media (max-width: 767px) {
/*menu2*/
#header a:after{						color:#fff;} 				/* couleur du picto pour les tels*/
.mm-ismenu{								background:#383839 !important;	
		/* fond du panneau dépliant tel */
}
#header a::after {top: 13px !important;}
#categories_block_topa.block {
    margin-bottom: 10px;
    background-color: #353535;
    width: 100%;
    margin: 24px 0px;
    padding: 0px 0px;
    line-height: 45px;}
  #categories_block_topa.block a{padding-left: 10px;
  width: 100%;
color: #fff;
font-size: 19px;}
.nav > li {width: 100%;
float: left;
text-align: left;
background-color: #fff;
color: #000;}
.nav > li a{font-family: "Open Sans",sans-serif;
font-size: 1em;
color: #353535 !important;
border-bottom: 1px solid #353535;
padding: 0px 10px;}
.nav > li a:hover{background-color: #fff !important}
.nav.nav-tabs{display: none !important}

}

/* Couleurs du bandeau */
#rechercher input{						background:#d8d8d8;			/*fond du champ recherche*/
										border:1px solid #d8d8d8;	/*bordure du champ recherche*/
										color:#d8d8d8;}				/*couleur du texte du champ recherche*/
#rechercher button{						background:#d8d8d8; color:#fff; }
#tel_head, #panier, #connexion, 
#tel_head a, #panier a, #connexion a{	color:#d8d8d8;}				/*couleur panier et connexion*/
.subtitlehead, .subtitlehead a{			color:#d8d8d8!important;}
/*catalogue*/
.toggleMenu{							color:#353535;}
#catalogue{								font-size:13px; }

@media (min-width:768px) and (max-width:991px){
	#categories_block_topa.block {
    margin-bottom: 10px;
    background-color: #353535;
    width: 100%;
    margin: 24px 0px;
    padding: 0px 0px;
    line-height: 45px;}
  #categories_block_topa.block a{  	font-size: 19px;
padding: 0px 18px;
  width: 100%;
color: #fff;
font-size: 19px;}
.nav > li {width: 100%;
float: left;
text-align: left;
background-color: #fff;
color: #000;}
.nav > li a{font-family: "Open Sans",sans-serif;
font-size: 1em;
color: #353535 !important;
border-bottom: 1px solid #353535;
padding: 0px 10px;}
.nav > li a:hover{background-color: #fff !important}
.nav.nav-tabs{display: none !important}
#index ul.product_list.grid > li .availability {bottom: 0px !important}
	#catalogue{ 						font-size:12px; }
}
#catalogue ul a{						color:#353535;}			/*couleur du catalogue*/
#catalogue ul a:hover{					color:#fff;
										background-color:#353535;} 	/*couleur du catalogue au survol*/

#mycom_block input{						background:#d0d0d0; color:#000;}	/*couleur de input mycom*/
#mycom_block button,#mycom_block .submit input{				background: #353535;
border: 1px solid #353535;
color: #fff;
height: 40px;
font-size: 16px;
text-transform: uppercase;
font-weight: 300;
									}
										
.catalogueRubriques li{					border-bottom:1px #353535 solid;}
.catalogueRubriques a{					color:#353535;} 

.encart h4{								color:#fff;}
.encartContenu{							color:#353535;}
.encart a{								color:#353535;} 

/*Accueil*/
.bouton_black a{						background:#353535;
										color:#fff;}
.bouton_color a{						background:#353535;
										color:#fff;}
.bouton_black a:hover{					background:#fff;
										color:#353535;}
.bouton_color a:hover{					background:#fff;
										color:#353535;}
.bouton_disponible{						background-color:#353535;}
.bouton_disponible a{					color:#fff;}
@media (min-width:1200px){
	#produit_vertical .produits:hover .bouton_disponible{ background-color:#eeeeee; }
	#produit_vertical .produits:hover .bouton_disponible a{	color:#353535;}
}
.produits h5 a{							color:#353535;}
.bouton_prix{							color:#353535;}
#produit_horizontal .produits .contentProduct{ background-color:#eeeeee; }

#contact_form,
#contact_form .requis, 
#contact_form legend,
#contact_form #submit_contact_form{		color:#000;}	/*couleur du texte du formulaire*/
#map h2{								color:#353535;}	/*couleur du titre de l'infobulle*/
#contact_form, 
#contact_form fieldset, 
#contact_form input, 
#contact_form textarea, 
#map{									border-color: #353535;} /*couleur de la bordure du formulaire*/



/* couleur de fond */
body{									background-color:#dfdfdf;}
#global_menu{							background-color:#dfdfdf;}	/* fond du menu */
#head{									background-color:#353535;}	/* fond des encart de connexion */
#global_main {							background-color:#d8d8d8;}	/* fond en bas du contenu et avant l'adresse */
#global_footer{							background-color:#dfdfdf;}	/* 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: 'Open Sans', 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{ }
/*menu*/
@media (min-width:768px){
	#menus{ min-height:32px; position:relative; }
	#menus ul{ text-align:left; }
	#menus a{ padding:7px 10px; }
}
@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; }
#main{  background:transparent url('../images/main.jpg') no-repeat center top; }

/*head*/
#rechercher, #tel_head{ padding-top:10px; padding-bottom:10px; min-height:48px; }
#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{ margin:0; padding:0; height:52px; line-height:40px; text-transform:uppercase; background:transparent url('../images/encart_haut.png') top no-repeat; font-size:20px; font-weight:normal; }
.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
----------------------------------------------------------*/

/*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*/
#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; }
.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; padding:0 15px; }
.produits h5, .bouton_prix{ text-align:left; font-size:13px; text-transform:uppercase; padding:10px 0; 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; }
@media (min-width:1200px){
	.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; }
	.blocproduct{ position:absolute; bottom:38px; width:100%; }
.produits:hover .content_price .price.product-price{display: block;
color: rgb(255, 255, 255);
left: -90%;
position: relative;}
	
	
}
.product-container.produits .content_price{height: 40px}
/*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; }
#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; } 
#mycom_block input {
    border: none;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 8px;
}
#mycom_block_column #mycom_block p.text {
    margin: 0;
   padding: 3px 0px;
}
#mycom_block {
    padding-top: 10px;
}
#mycom_block_column input#submitMyComForm {
    text-align: center;
    padding: 5px 0;
}

#cms .rte {
    min-height: 400px;
    padding-top: 74px;
}