/* DIV de la page ------------------------------------------------------ */
html {
    font-size: 100%; /* Évite un bug d'IE 6-7. (1) */
	scroll-behavior: smooth;
}
#body{
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color:#666;
	text-align:center;
}
#body2{
	background-image:url('interface/fondhautrevendeur.gif');
	background-position: top;
	background-repeat: repeat-x;
	min-height:500px;
}
#body2revendeur{
	background-image:url('interface/fondhautrevendeur.gif');
	background-position: top;
	background-repeat: repeat-x;
	min-height:500px
}
#bodyrevendeur{
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color:#666;
	text-align:left;
}
#global{
	position:relative;
	margin: 0 auto;
	text-align:center;
	width:1280px;
}
#contenuEditable{
	display: block;
	/*background-color:#000;*/
	position:relative;	
	float: left;
	top: 40px;
	width:100%;
	padding:20px;
	margin:0px;
	min-height: 1000px;
	padding-bottom:30px;
	z-index:500;
	text-align:left; 
}
#colDroite{
	display: inline-block;
	position:relative;	
	float: right;
	margin-right:1%;
	border-left: 1px solid #ccc;
	text-align:left;
	top: 200px;
	width: 200px;
	min-height: 480px;
	z-index:100;
	padding: 0px 10px 5px 30px;
	background-repeat:repeat-y;
}
#colDroite_remonte{
	position:relative;	
	top:-130px;
}
.menuphotodroite{
	width: 180px;
	float:left;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
	padding-top: 5px;
}


/* BAS page produit */

#fiche_technique_article, #gabarits-instructions, #description_produit{
border: 10px solid #eee;
border-radius:8px; 
padding-left: 20px;
margin-top:8px;
min-height:500px;
}
#ecologie{
	border: 10px solid #eee;
	border-radius:7px;
	color: rgb(21, 149, 56);
	padding-left: 20px;
	margin-top:7px;
	min-height:500px;
}
#produit_similaire_art{
padding-top:10px;
}
#produit_similaire_art .cat_prod{
	border: 10px solid #eee;
	position:relative;
	display:block;
	float:left;
	width:213px;
	height:350px;
	border-radius: 8px;
	margin:5px;
	padding: 0px;
	text-align:center;
	font-weight:bold;
	font-size:14px;
}
#produit_similaire_art .cat_prod:hover{
	border: 10px solid #db0a16;
}
#produit_similaire_art .cat_prod_img{
	width:100%;
	margin-bottom:10px;
	padding: 0px;
	border: 0px;
	border-radius: 0px;
}
#produit_similaire_art .cat_prod .pointcles{
	padding-left:10px;
}
.blog_prod{
	border: 10px solid #eee;
	position:relative;
	display: inline-block;
	float:left;
	width:290px;
	height:290px;
	border-radius: 8px;
	margin:5px;
	padding: 0px;
	text-align:center;
}
.blog_prod_img{
	width:290px;
	height:217.5px;
}
.blog_prod_titre{
	font-weight:normal;
	position:relative;
	display:block;
	text-align:center;
	width:100%;
	height: 49px;
	font-size:12px;
}
.titeprodsim{
	font-weight:bold;
	position:relative;
	display:block;
	text-align:center;
	width:100%;
	padding-top:10px;
	height: 25px;
	font-size:14px;
}
.blog_prod_but{
	width:100%;
	position:relative;
	display:block;
	text-align:center;
}
.blog_prod_button{
	border-radius:8px;
	position:relative;
	display:block;
	text-align:center;
	padding: 5px;
	left: 60px;
	height: 20px;
	width: 150px;
	font-weight:bold;
	background: #eee;
	bottom:0px;
}
.blog_prod_button:hover{
    color: #fff;
	text-decoration:none;
    background: #db0a16;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
}
.slider fade{
	height:290px;
}
#realisation {
	position:relative;
	width:100%;
	margin-top:5px;
	display: inline-block;
	min-height:220px;
}

#realisation .slick-prev,
#realisation .slick-next
{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
	border-radius:8px;
	background: #eee;
    width: 30px;
    height: 30px;
	font-weight: bold;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: #666;
    border: none;
    outline: none;
	z-index: 1000;
}

#realisation .slick-prev:hover{
    color: #fff;
    background: #db0a16;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:8px;
	border-top-left-radius:0px;
	border-top-right-radius:8px;
}
#realisation .slick-next:hover{
    color: #fff;
    background: #db0a16;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:0px;
	border-top-left-radius:8px;
	border-top-right-radius:0px;
}
#realisation .slick-next
{
right: -10px;
}
#realisation .slick-prev
{
left: -10px;
}
#realisation .slick-list
{
    position: relative;
	width:100%;
	left:-40px;
    display: block;
    overflow: hidden;
    padding: 0;
}




/* HEADER ----------------------------------------------------------- */
#firstline{
	display: block;
	position:relative;	
	width:100%;
	padding-top:3px;
	min-height:29px;
	padding-left:0.8%;
	color: #fff;
}
#confliv{
	float:left;
	width:140px;
	text-align:left;
	font-weight: bold;
	padding: 5px;
	position:relative;
}
#conf{
	float:left;
	width:550px;
	text-align:left;
	font-weight: bold;
	padding: 5px;
	position:relative;
}

.imgleft{
	padding-left:20px;
}
#firstphone{
	float:right;
	padding: 5px;
	font-weight: bold;
	text-align:right;
	display: block;
	position:relative;
	width:25%;
}
#horraire{
	float:right;
	display:block;
	font-weight: normal;
	padding-top: 2px;
}
#horrairec{
	float:right;
	display:none;
	font-weight: normal;
	padding-top: 2px;
}

#header{
	float:left;
	width:100%;
	max-height:100px;
}
#logo{
	display: block;
	position:relative;	
	float: left;
	margin:5px;
	margin-left:20px;
	margin-right:20px;
	width: 230px;
}
#panneau{
 margin-top:5px;
}
#panneau-livraison{
	display: block;
	position:relative;	
	float: left;
	
	margin:5px;
}
#panneau-telephone{
	display: block;
	position:relative;	
	float: left;
	margin:5px;
}
#panneau-paiement{
	text-align:left;
	display: block;
	position:relative;	
	float: left;
	width:40%;
	margin:5px;
}

/*MODULE DE RECHERCHE--------------------------------------------------------------------------------------- */

ul#suggestsList{
	margin: 0px;
	padding: 0px;
	border: 1px solid #ccc;
	background-color: #FFFFFF;
	list-style: none;
	margin-top: 12px;
	font-size: 90%;
	z-index:120000;
}
ul#suggestsList li{
	border-bottom: 1px dashed #CFCFCF;
	padding: 2px;
}
ul#suggestsList li:hover, ul#suggestsList li#selectedSuggest{
	background-color: #CFCFCF;
}
ul#suggestsList li a{
	display: block;
	color: #999;
	text-decoration: none;
	cursor: pointer;
}
#rechercher #rechercherinput{
	display: block;
	position:relative;
	float:left;
	width:78%; 
	font-size:10pt;
	height:17px;
	padding:7px;
	border:1px solid #666;
	color:#999;
}
#rechercher #recherchersubmit{
	margin-left:-1px;
	width:33px;
	display: block;
	float:left;
	height:33px;
	border:1px solid #666;
	background-image:url('interface/recherche.gif');
}
#rechercher{
	position:relative;
	float:left;
	margin-top:18px;
	margin-left:0%;
	padding:0px;
	width:30%;
	height:25px;
}

#google_translate_element{
	position:absolute;
	right: 15px;
	text-align:right;
	top:165px;
	z-index:600;
}

/*MEGA MENU--------------------------------------------------------------------------------------- */

#menu2017{
	position:absolute;
	float:left;
	top:105px;
	margin-top:0px;
	margin-right:0px;
	padding:0px;
	background-image:url('interface/menu.png');
	width:100%;
	text-align:center;
	height:45px;
	z-index:601;
}
#niveau1{
	display: inline-block;
	position:relative;
	width:1280px;
	z-index:601;
}
#niveau1 .href_1{	
	text-decoration:none;
	padding-top:15px;
	height:30px;
	border-right: 1px solid #fff;
	margin:0;
	float:left;
	text-align:center;
 }
 #niveau1 .href_1 a{	
	padding-left:10.7px;
	padding-right:10.7px;
	padding-top:14px;
	padding-bottom:16px;
	margin:0;
	color: #fff;
	font-weight:bold;
 }

#niveau1 .href_1 a:hover {
	background-image:url('interface/menu_hover.png');
	background-repeat:repeat-x;
	text-decoration:none;
	color:#FFF;
	z-index:0;
}

#niveau1 .href_1auth{	
	text-decoration:none;
	padding:0px; 
	height:45px;
	border-right: 1px solid #fff;
	margin:0;
	float:left;
	text-align:center;
	z-index:0;
 }
 #niveau1 .href_1auth a{	
	padding-left:12.7px; 
	padding-right:12.7px;
	padding-top: 0px;
	padding-bottom: 17px;
	height:45px;
	margin:0;
	color: #fff;
	z-index:0;
 }
#niveau1 .href_1auth a:hover {
	background-image:url('interface/menu_hover.png');
	background-repeat:repeat-x;
	text-decoration:none;
	color:#FFF;
	z-index:0;
}

.href_titre{
	float:left;
	padding:5px;
	width:250px;
	margin:0px;
	color: #0000FF;
	font-size: 11pt;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 10px;
}
.href_titre:hover{
	color: #000;
	text-decoration:underline;
}
.href_sous_titre{
	float:left;
	padding:5px;
	width:250px;
	margin:0px;
}
#titre{
	float:left;
	text-align: left;
	width:250px;
}

#emptitre{
	float:left;
	margin: 5px;
	width:1020px;
}

#menuphoto{
	float:right;
	text-align:left;
	margin-top: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
	padding: 15px;
	width:220px;
	height:310px;
	border: 1px solid #ccc;
}
#menuobjr{
	margin-top:30px;
	float:left;
	text-align:center;
	margin: 5px;
	background-color:#c3e9cf;
	padding: 15px;
	width:220px;
	color: #e30613;
	height:220px;
	border: 1px solid #e30613;
}
#menuobjr h2{
	font-size: 15px;
}

#recherche_obj{
	float:left;
	text-align:center;
	margin: 0px;
	background-color:#c3e9cf;
	padding-left: 5px;
	padding-right: 5px;
	width:97%;
	padding-bottom:10px;
	border: 1px solid #e30613;
}
#recherche_filtres{
	float:left;
	text-align:center;
	margin: 0px;
	background-color:#fff;
	padding-left: 5px;
	padding-right: 5px;
	width:97%;
	padding-bottom:10px;
	border-bottom: 1px solid #e30613;
	border-left: 1px solid #e30613;
	border-right: 1px solid #e30613;
}
#niveau1, #niveau1 ul{ 
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1em;
}

#menu2017 ul li {
                position:relative;
                list-style: none; /*on enleve les icones de liste */
				background-color: #007373;
               }

#menu2017 ul li:hover { background-color: #007373; }

#menu2017 ul ul {
				position: absolute;
				text-align:center;
                top: 45px;
				width:1300px;
				min-height:200px;
				margin: 0px;
				background-image:url('interface/imgfondmenu.png');
				background-position: left bottom;
				background-repeat: no-repeat;
				background-color:#fff;
				border-bottom: 1px solid #999;
				border-left: 1px solid #999;
				border-right: 1px solid #999;
				z-index:9001;
				opacity: 0;
				visibility: hidden;
				transition: all .4s ease;
				-webkit-transition: all .4s ease;/*100px correspond au d calage a droite, on d cale de la taille du ul de base*/
               } 	   
			
#menu2017 ul li:hover ul.niveau2{
         opacity: 1;
		 visibility: visible;
}


/* FIL ARIANNE ---------------------------------------------------------------------*/

#filAriane{
	clear:both;
	float:left;
	position:relative;
	text-align:left;
}
#filAriane a
	position:relative;
	text-decoration:none;
	font-weight:normal;
}
#filAriane a:hover{
	text-decoration:underline;	
}
#filAriane, #filAriane ol { 
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1em;
}
#filAriane li { 
	float:left;
	margin-left: 5px;
}

#titre_du_haut{
	width:100%;
	text-align: center;
}
#titre_du_haut h1{
	color: #118530;
}



/*Menu bas de page produit--------------------------------------------------------------------------------------- */
.menubp{
	border: 10px solid #eee;
	background-color:#eee;
	border-radius:8px;
	padding:0px;
	height:40px;
	margin-top: 10px;
}
.menubp a, .menubp a:visited{
	color: #666;
	float: left;
	border-right:3px solid #fff;
	font-weight: bold;
	padding:10px;
	height:20px;
	margin:0px;
}
.menubp a:hover{
	color: #fff;
	background-image:url('interface/menu.png');
	font-weight: bold;
	text-decoration:none;
	padding:10px;
}
.menubp a.menubp-on, .menubp .menubp-on:hover{
	color: #fff;
	background-image:url('interface/menu_hover.png');
	font-weight: bold;
	text-decoration:none;
	padding:10px;

}



/*GLOBAL A TOUT LE SITE--------------------------------------------------------------------------------------- */



h1{
	clear:both;
	font-size:1.6em;
	font-weight:bold;
	color:#e30613;
}
	
h2{
	font-size:1.3em;
	padding:0px;
	color:#e30613;
}
h3{
	font-size:12pt;
	color:#7e7e7e;
	margin:0px;	
}
h4{
	font-size:1.4em;
	color:#999999;
	margin:0px;	
}
h5{
	font-size:0.9em;
	margin:0px;	
	padding-right:5px;
	float:left;
}
#barre_config{
	clear:both;
	background-color:#eee;
	width:90%;
	text-align:center;
	height:16px;
}
a, a:visited{
	color:#666;	
	text-decoration:none;
}
a:hover{
	color:#999;
	text-decoration:underline;
}





/*PAS DANS PAGE--------------------------------------------------------------------------------------- */

.prosition-panier{
	float:left;
	position: relative;
	margin: 3px;
}
.propose{
	background-color: #fff;
	color: #5089ba;
	border: 1px solid #5089ba;
	cursor:pointer;
	padding-top: 6px;
	padding-bottom: 7px;
	padding-left: 15px;
	padding-right: 15px;
}
.propose:hover{
	background-color: #8dc5f5;
	color: #134875;
	border: 1px solid #134875;
	cursor:pointer;
}
.propose_graphisme_titre{
	background-color: #dedede;
	color: #666;
	border: 1px solid #dedede;
	cursor:pointer;
	font-weight:bold;
	padding-top: 8px;
	height: 33px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
}
.propose_offert{
	background-color: #99ff99;
	color: #e30613;
	border: 1px solid #e30613;
	cursor:pointer;
	padding-top: 8px;
	height: 33px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
}
.propose_graphisme{
	background-color: #fff;
	color: #e30613;
	border: 1px solid #e30613;
	cursor:pointer;
	padding-top: 6px;
	height: 33px;
	padding-bottom: 7px;
	padding-left: 15px;
	padding-right: 15px;
}
.propose_graphisme:hover{
	background-color: #99ff99;
	color: #006633;
	border: 1px solid #006633;
	cursor:pointer;
}


.panneaux {
  position: absolute;
  text-align:center;
  top: -4px;
  left:78px;
}
.panneaux2 {
  position: absolute;
  text-align:center;
  top: -4px;
  left:141px;
}
a:visited.lien_devis,  a.lien_devis{
	font-weight: bold;
	color:#ef018e;
	text-decoration:none;
}
a:hover.lien_devis{
	color:#000;
	text-decoration:underline;
}
a:visited.lien_echantillon,  a.lien_echantillon{
	font-weight: bold;
	color:#01aef0;
	text-decoration:none;
}
a:hover.lien_echantillon{
	color:#000;
	text-decoration:underline;
}

#description_produit{
	padding-top: 20px;
	display: block;
	clear:both;
}



/* INFO BULLE--------------------------------------------------------------------------------------- */

.infobulle span{
	position:absolute;  
	min-width:300px;
	max-width:450px;
	margin-top:12px;
	margin-left:12px;
	font-weight:normal;
	font-size:12px;
	color:#222;
    background:#fff9e0;
	border: 1px dashed #222;
    padding:10px;
    border-radius:7px;
    box-shadow:0 0 2px rgba(0,0,0,.5);
	transform:scale(0) rotate(-12deg);
	transition:all .25s;
	opacity:0;
	z-index:1610;
}

.infobulle:hover span, .infobulle:focus span{
     transform:scale(1) rotate(0); 
	 opacity:1;
}

.infobulle_icone_sel span{
	position:absolute;  
	width:200px;
	margin-top:0px;
	margin-left:-12px;
	font-weight:bold;
	font-size:12px;
	color:#222;
    background:#fff9e0;
	border: 1px dashed #222;
	padding:10px;
	text-align:center;
    border-radius:7px;
    box-shadow:0 0 2px rgba(0,0,0,.5);
	transform:scale(0) rotate(-12deg);
	transition:all .25s;
	opacity:0;
	z-index:1610;
}

.infobulle_icone span{
	position:absolute;  
	width:200px;
	margin-top:74px;
	margin-left:-12px;
	font-weight:bold;
	font-size:12px;
	color:#222;
    background:#fff9e0;
	border: 1px dashed #222;
	padding:10px;
	text-align:center;
    border-radius:7px;
    box-shadow:0 0 2px rgba(0,0,0,.5);
	transform:scale(0) rotate(-12deg);
	transition:all .25s;
	opacity:0;
	z-index:1610;
}

.infobulle_icone span img, .infobulle_icone_sel span img{
	border: 1px dashed #222;
	height:200px;
	width:200px;
}


.infobulle_icone_sel:hover span, .infobulle_icone_sel:focus span{
     transform:scale(1) rotate(0); 
	 opacity:1;
}

.infobulle_icone:hover span, .infobulle_icone:focus span{
     transform:scale(1) rotate(0); 
	 opacity:1;
}
.icone_site_prod_get{
    position: relative;
	height:74px;
	border: 1px solid #ddd;
	padding: 5px;
	margin-top:2px;
	margin-left:2px;
}
.icone_site_prod_get:hover{
	border: 1px solid #41c9ff;
	background-color:#cde4f7;
}
.icone_site_prod_get_sel, .icone_site_prod_get_sel:hover{
	position: relative;
	height:74px;
	border: 1px solid #ddd;
	padding: 5px;
	margin-top:2px;
	margin-left:2px;
	background-color:#ff0000;
}

.icone_site_prod{
	height:74px;
	margin-top:2px;
	margin-left:2px
}
.icone_site_prod_sel, .icone_site_prod_sel:hover{
	height:74px;
	margin-top:2px;
	margin-left:2px;
	background-color:#ff0000;
}
.icone-site-prod-sel-ok{
    position: relative;
	cursor:pointer;
	height: 78px; 
	width: 78px;
    display:block;
	top:8px;
	left:8px;
	background-image:url('interface/ok-icone.png');	
	background-size: contain;
}






.infobulle2 span{
	position:absolute;  
	min-width:650px;
	max-width:750px;
	margin-top:12px;
	margin-left:12px;
	color:#222;
	font-weight:normal;
	font-size:12px;
    background:#fff9e0;
	border: 1px dashed #222;
    padding:10px;
    border-radius:7px;
    box-shadow:0 0 2px rgba(0,0,0,.5);
	transform:scale(0) rotate(-12deg);
	transition:all .25s;
	opacity:0;
	z-index:1610;
}

.infobulle2:hover span, .infobulle2:focus span{
     transform:scale(1) rotate(0); 
	 opacity:1;
}

.infobulle3 span{
	position:absolute;  
	min-width:450px;
	max-width:750px;
	margin-top:20px;
	margin-left:-500px;
	color:#222;
	font-weight:normal;
	font-size:12px;
    background:#fff9e0;
	border: 1px dashed #222;
    padding:10px;
    border-radius:7px;
    box-shadow:0 0 2px rgba(0,0,0,.5);
	transform:scale(0) rotate(-12deg);
	transition:all .25s;
	opacity:0;
	z-index:1610;
}

.infobulle3:hover span, .infobulle2:focus span{
     transform:scale(1) rotate(0); 
	 opacity:1;
}

.submit_devis{
	padding:2px;
	font-weight: bold;
	font-size: 9pt;
	cursor:pointer;
	color: #444;
}
.submit_devis:hover{
	color: #0066cc;
}
.submit_process{
	padding:10px;
	padding-right:30px;
	padding-left:30px;
	border-radius: 6px;
	font-weight: bold;
	font-size: 11pt;
	cursor:pointer;
	background-color: #e30613;
	border: 1px solid #750202;
	color: #fff;
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}
.submit_process:hover{
	background-color: #f04141;
	border: 1px solid #750202;
	color: #fff;
}

/* AFFICHAGE PRIX --------------------------------------------------------------------------------------- */

.quantite_p{
	border-radius:8px;
	padding-top:6px;
	height:25px;
	font-weight: bold;
}
.quantite_p_conseille{
	border-radius:8px;
	padding-top:6px;
	height:25px;
	color: #30901c;
	font-weight: bold;
	cursor:pointer;
	font-size: 11pt;
	background-color:#d3f4d3;
}
.sub_nv_conseille{
	padding: 0px;
	width:100%;
	height:31px;
	border-radius:8px;
	background-position: right;
	background-image: url("../../../../images/fond_prix_ip_conseille.gif");
	margin: 0px;
	border: 0px;
	color: #30901c;
	font-weight: bold;
	cursor:pointer;
	font-size: 11pt;
	font-family: Arial, Helvetica, sans-serif;
}

.sub_nv{
	padding: 0px;
	width:100%;
	height:31px;
	border-radius:8px;
	margin: 0px;
	border: 0px;
	color: #666666;
	font-weight: bold;
	cursor:pointer;
	font-size: 13;
	font-family: Arial, Helvetica, sans-serif;
}
.sub_nv:hover, .sub_nvd:hover, .sub_nv_conseille:hover{
	padding: 0px;
	margin: 0px;
	border: 0px;
	background-position: right;
	background-image: url("interface/fond_prix.gif");
	color: #fff;
	text-decoration:none;
	font-weight: bold;
	cursor:pointer;
	font-size: 13;
	font-family: Arial, Helvetica, sans-serif;
}
.sub_nvd{
	padding: 0px;
	width:100%;
	height:31px;
	border-radius:8px;
	margin: 0px;
	border: 0px;
	color:#222222;
	background-color:#8bd866;
	font-weight: bold;
	cursor:pointer;
	font-size: 11pt;
	font-family: Arial, Helvetica, sans-serif;
}
.quantite_int{
	border-radius:8px;
	padding-top:6px;
	height:25px;
	font-size: 11pt;
	background-color:#8bd866;
	color:#222222;
}
#nbvisuels{
	border-radius:8px;
	background-image: url("interface/fondpage.gif");
	height:70px;
	width:100px;
}
#nbvisuels .titredecli{
	min-width:100px;
}
#delaifond{
	border-radius:8px;
	background-image: url("interface/fondpage.gif");
	height:53px;
	padding-top:17px;
}
#quant_int{
	border-radius:8px;
	background-image: url("interface/fondpage.gif");
	height:35px;
	padding-top:3px;
}


/* Choix des options dans produits -------------------------------------------------------------------------*/



#headerdesc{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	width: 100%;
	margin-bottom:10px;
}
#photoplus{
	float:left;
	position:relative;
	width: 400px;
}
#description_courte_produit{
	position:relative;
	border: 10px solid #eee;
	border-radius:8px;
	width:70%;
	min-width:380px;
	min-height:40px;
	padding:10px;
	margin-top:10px;
	margin-bottom:10px;
}
#iconeproduit{
	border-radius:8px;
	text-align:center;
	min-width:380px;
	width:380px;
	min-height:40px;
	max-height:200px;
	padding:10px;
	margin-top:10px;
	margin-bottom:10px;
	border:10px solid #eee
}

.input_decli{
	float:left;
	border-bottom: 1px solid #ccc;
	position:relative;
	width: 100%;
	padding: 2px;
}
.input_decli_tex{
	float:left;
	border: 1px solid #ccc;
	position:relative;
	width: 100%;
	padding: 2px;
	margin-top:10px;
	margin-bottom: 10px;
}
.input_decli_ok{
	float:left;
	margin-top:10px;
	margin-bottom: 10px;
	background-color: #b5e2b5;
	border: 1px solid #009900;
	position:relative;
	width: 100%;
	padding: 2px;
}
.input_decli input{
	float:left;
}
.input_decli form{
	margin-bottom:5px;
}
#decliphoto{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	width: 98%;
}
#declibox{
	position:relative;
	width:70%;
	min-width:400px;
	min-height:280px;
}
#declinaison{
	position:relative;
	display: inline-block;
	border: 10px solid #eee;
	border-radius:8px;
	width:94%;
	min-width:400px;
	min-height:280px;
	padding:10px;
	margin-right:10px;
	margin-bottom:10px;
}
#description_courte_produit_2{
	position:relative;
	border: 10px solid #eee;
	border-radius:8px;
	width:94%;
	min-width:400px;
	min-height:40px;
	padding:10px;
	margin-top:-2px;
	margin-bottom:10px;
}
/*Spécifique axpol et usb */
#declinaison2{
	position:relative;
	display:inline;
	border: 10px solid #eee;
	border-radius:8px;
	float:left;
	width:65%;
	min-width:400px;
	min-height:280px;
	padding:10px;
	margin-right:10px;
	margin-bottom:10px;'
}
#decli_titre{
	clear:both;
	text-align:center;
	color:#ff0099;
	margin-bottom:10px;
	font-size:12pt;
}
.decli_photo{
	position:relative;
	float:left;
	display:block;
	width:80%;
}
.decli_photo2{
	position:relative;
	float:left;
	display:block;
	width:100%;
}
.titredecli{
	margin-top: 8px;
	position:relative;
	float:left;
	width: 20%;
}
.titredecli_ok{
	margin-top: 8px;
	color:#009900;
	padding-left: 5px;
	font-size: 10pt;
	font-weight:bold;
	position:relative;
	float:left;

}


/* MODULE PHOTO -------------------------------------------------------------------------*/


#image_scroll{
	border-radius:8px;
	min-width:400px;
	width:400px;
	height:300px;
	border:10px solid #eee
}

.samplephoto{
	width:400px;
	height:300px;
}

#infoproduit{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	width: 100%;
}

.info_produit{	
	border-radius:8px;
	position: relative;
	display: inline-block;
	float:left;
	border: 10px solid #eee;
	width:25%;
	min-width:160px;
	height:30px;
	padding-top:8px;
	padding-left:1%;
	padding-right:1%;
	padding-bottom:22px;
	margin-right:1%;
	margin-bottom:10px;
	text-align:center;
}
.info_produit_der{	
	border-radius:8px;
	position: relative;
	display: inline-block;
	float:left;
	border: 10px solid #eee;
	width:25%;
	min-width:160px;
	height:30px;
	padding-top:8px;
	padding-left:1%;
	padding-right:1%;
	padding-bottom:22px;
	margin-bottom:10px;
	text-align:center;
}
/* ECHANTILLON AXPOL */
.info_produit3{	
	display: block;
	position:relative;
	float:left;
	border: 10px solid #eee;
	width:96%;
	height:35px;
	padding:10px;
	margin-top:0px;
	margin-right:10px;
	margin-bottom:10px;
	text-align:center;
}

.info_produit_img{	
	display: block;
	position:relative;
	float:left;
	border: 10px solid #eee;
	width:168px;
	height:60px;
	margin-right:10px;
	margin-bottom:10px;
	text-align:center;
}
#info_produit_date{
	color:#0099ff;
}
#info_produit_delai{
	color:#ff0099;
}
#info_produit_conception{
	color:#009900;
}
#info_produit_gabarit{
	color:#ff0000;
}
#info_produit_ecologie{
	color:#009933;
}

.icone6h24h{
	border-radius:4px;
	width:80px;
}
.datelivraison{
	background-image: url('../../images/aide_declinaison.png');
	background-repeat: no-repeat;
	background-position: 97% 50%;
	background-size:20px;
}	

#tarifs{
	clear:both;
}
#table_1col{
	width:70px;
}

#photos_produits{
	width:100%;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

.photos_produits{
	border-radius: 10px;
	border: 10px solid #eee;
	width:270px;
	height:202.5px;
	margin-right: 0px;
}
.on {
	background-color:#e2017b;
	border: 1px solid #e2017b;
	color:#fff;
	padding:2px;
	padding-left:3px;
	padding-right:3px;
	cursor:pointer;
	font-size: 9pt;
}
.off {
	background-color: #eee;
	border: 1px solid #118530;
	color:#444;
	padding:2px;
	padding-left:3px;
	padding-right:3px;
	cursor:pointer;
	font-size: 9pt;
}
.off:hover{
	background-color:#42a742;
	border: 1px solid #42a742;
	color:#fff;
	font-size: 9pt;
}


/* Sample 2*/
#box2{
	position:absolute;
}
#box2 .meilleure_vente{
	display:block;
	float:left;
	padding-top: 10px;
	padding-bottom: 15px;
	text-align:center;
	width:180px;
	height:300px;
	*height: 300px;
}
.mask2{
	position:relative;
	width:180px;
	height:325px;
	overflow:hidden;
}
#box2 .meilleure_vente a{
	text-decoration: none;
}
#box2 .descr_p {
	text-align:center;
	width:180px;
	font-size: 10pt;
	color:#999;
}

#next1{
	text-align:center;
	cursor: pointer;
}
#prev1{
	text-align:center;
	cursor: pointer;
}






table {
	border:0;
}
img {
	border:0;
}
tr,td, table, a {
	font-size: 1em;
	margin:0;
	padding:0;
}


.prix_bas .prix {
	color:#000;
	font-size: 14;
}
.prix_bas .prix_ht {
	font-size: 14;
}
.prix_bas .prix_chiffre {
	color:#C06;
	font-weight: bold;
	font-size: 14;
}
.prix_bas .prix_chiffre_off {
	color: #000;
	font-weight: bold;
	font-size: 14;
	text-decoration: line-through;
}




#commande{
	position:relative;
	padding: 10px;
	width:157px;
	height: 80px;
	background-image:url(interface/panier.gif);
}



#boutonshaut{
	position:relative;
	float:right;
	margin-top:-4px;
	margin-right:0px;
	padding:0px;
	width:350px;
	height:55px;
	text-align:center;
	z-index:6000;
}

.titre_menu{
	color: #e30613;
	font-weight: bold;
	font-size: 11pt;
}
#boutonshaut ul li {
                position:relative;
                list-style: none; /*on enleve les icones de liste */
               }
#boutonshaut ul ul {
				position: absolute;
				text-align:center;
                top: 58px;
				width:300px;
				height:320px;
				padding:10px;
				margin: 0px;
				background-color:#fff;
				border-bottom: 1px solid #999;
				border-left: 1px solid #999;
				border-right: 1px solid #999;
				z-index:9001;
				display:none;/*100px correspond au d calage a droite, on d cale de la taille du ul de base*/
               }  
#boutonshaut li.ns1{
		float:right;
}
#boutonshaut li a {
         text-decoration: none; /* plus de soulignement pour les liens */
}
#boutonshaut ul li:hover ul.niveau2{
         display:block;
}

#fichierid{
	left: -258px;
}
#contactid{
	text-align:center;
	position: relative;
	margin-top: 50px;
	left: -258px;
}
#contactid niveau2{
	position: relative;
	margin-top: 50px;
}
#contactid p{
	padding:4px;
	margin:0px;
}

.btel{
	margin-top: 50px;
	color: #e30613;
	font-weight: bold;
	font-size: 20pt;
}
.bnom{
	padding-top: 20px;
	color: #e30613;
	font-weight: bold;
	font-size: 14pt;
}
.brdv{
	font-size: 7pt;
}
#moncompteid .input{
	padding: 5px;
	margin: 3px;
	border: 1px solid #999;
}
#moncompteid a{
    position:relative;
	display:block;
	padding: 5px;
	width:290px;
	border-top: 1px solid #999;
}
#moncompteid{
	left: -245px;
}

#monpanierid span{
    height:20px;
	display:block;
	text-align:right;
}
#monpanierid .totalttc{
	font-weight:bold;
	color: #cc0000;
}
#monpanierid{
				left: -257px;
}





#tableau td{
	border: 1px solid #009900;
	padding: 3px;
}


/* ---------->>> FOOTER <<<-----------------------------------------------------------------------------*/


#space{
	clear:both;
	width:100%;
	font-size: 1em; 
	text-align:left;
	min-height:5px;
	*height:5px;
	/*background-image:url(interface/footer.jpg);*/
}
#footer_img{
	margin-top:50px;
	background-image:url('interface/bas.gif');
	background-position: center top;
	background-repeat: no-repeat;
	position:relative;
	display:inline-block;
	background-color:#1e1d1a;
	width: 100%;
	text-align:center;
}
#footer_imgrevendeur{
	background-image:url('interface/basrevendeur.gif');
	background-position: center bottom;
	background-repeat: no-repeat;
	height:400px;
	width: 100%;
	text-align:center;
}
#footer{
	position:relative;
	display:block;
	margin: 0 auto;
	text-align:center;
	width:100%;
}
#footer1{
	float:left;
	display:block;
	margin-top:30px;
	margin-bottom:10px;
	position:relative;
	background-color: #fff;
	border-radius:8px;
	border: 10px solid #ccc;
	padding: 10px;
	margin-left: 10px;
	width:22%;
	min-width:320px;
	text-align:left;
	min-height:150px;
}
#footer2{
	float:left;
	display:block;
	margin-top:30px;
	margin-bottom:10px;
	position:relative;
	text-align:left;
	background-color: #fff;
	border-radius:8px;
	border: 10px solid #ccc;
	padding: 10px;
	margin-left: 10px;
	width:22%;
	min-width:320px;
	min-height:150px;
}
#moischer{
	float:left;
	position:relative;
	display:block;
	margin-top:30px;
	margin-bottom:30px;
	text-align:center;
	background-color: #fff;
	border-radius:8px;
	border: 10px solid #ccc;
	padding: 10px;
	margin-left: 10px;
	width:22%;
	min-width:320px;
	min-height:150px;
}
#moischer a{
	font-size: 10pt;
}
#avis{
	float:left;
	position:relative;
	display:block;
	margin-top:30px;
	margin-bottom:10px;
	text-align:left;
	background-color: #fff;
	border-radius:8px;
	border: 10px solid #ccc;
	padding: 10px;
	margin-left: 10px;
	width:22%;
	min-width:320px;
	min-height:150px;
}
#avislogo{
	float:left;
	position:relative;
	}
#etoile{
	padding-top: 2px;
	float:left;
	position:relative;
	}
#note{
	float:left;
	position:relative;
	font-size: 26pt;
	}
#infocomplementaire{
	float:left;
	position:relative;
	font-size: 8pt;
	}
#liendernieravis{
	float:left;
	margin-top: 10px;
	margin-left: 10px;
	width:75%;
	position:relative;
	font-size: 10pt;
}


#copyright{
	float:right;
	margin-top: 10px;
	position:relative;
	color:#fff;
	text-align:right;
	width:100%;
	padding-right:20px;
}
#copyright a{
	color:#fff;
}
a:visited.lien_bas,  a.lien_bas{
	color:#333;
	text-decoration:none;
}
a:hover.lien_bas{
	color:#666;
	text-decoration:underline;
}
#liens a{
	color:#333;
	text-decoration:none;
}
#liens{
	clear:both;
	position:relative;
	left:-13px;
	width:862px;
	margin:0 auto;
	color:#333;
	background-color:#ebebeb;
	padding:5px;
	text-align:center;
}
#liens a:visited{
	color:#999;
	text-decoration:none;
}

body > div#resume_prod, body > div#resume_prod_petit {
  /* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
  position: fixed;
}

#resume_prod {
  /* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
  position: absolute; left: 0px; top: 200px;
  font-size: 10pt;
  max-width: 300px;
  width: 17%;
  z-index: 5000;
  padding: 0px;
}
#resume_prod_petit {
  /* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
  position: absolute; left: 0px; top: 200px;
  font-size: 10pt;
  visibility:hidden;
  max-width: 50px;
  width: 50%;
  z-index: 5000;
  padding: 0px;
}
#produit_resume_titre{
   background-color:#e30613;
   height:30px;
   width:100%;
   color:#fff;
   font-weight:bold;
   padding-top:7px;
   margin-bottom:7px;
   text-align:center;
}
#produit_resume_desc{
  text-align:left;
  padding: 5px;
}
#produit_resume{
  background-color:#fff;
  border-top-right-radius:6px;
  border-bottom-right-radius:6px;
  border-right:2px solid #e30613;
  border-top:2px solid #e30613;
  border-bottom:2px solid #e30613;
}
#produit_resume a{
   font-weight:bold;
   color:#fff;
   background-color:#e30613;
   padding-top:5px;
   padding-left:10px;
   padding-right:10px;
   text-decoration:none;
   border-top-right-radius:6px;
   border-top-left-radius:6px;
}
#produit_resume a:hover{
  
   padding-left:15px;
   padding-right:15px;
   text-decoration:none;
   border-top-right-radius:4px;
   border-top-left-radius:4px;
}
#nav_produit {
	list-style: none;
	margin: 0;
	left:0px;
	padding:0;

}
#nav_produit li {
	left:0px;
	margin: 0;
	padding:0;
}
#nav_produit a {
	position:relative;
	display:block;
	text-align:left;
	padding-left: 8px;
	background-image:url('interface/menu_cote.png');
	width:170px;
	height: 26px;
	color:#fff;
    font-weight:bold;
	left:-5px;
	padding-top: 4px;
	margin-bottom:2px;
	border-left:0px;
	border-top-right-radius:6px;
	border-bottom-right-radius:6px;
	border-right:1px solid #777;
	border-top:1px solid #777;
	border-bottom:1px solid #777;
}
.menu_text{
	position:relative;
	display:inline block;
	height:20px;
	margin-top: -22px;
	padding-left: 25px;
}
#nav_produit a:hover {
	background-image:url('interface/menu_cote_hover.png');
	width:180px;
	text-decoration:none;
	border-right:1px solid #555;
	border-top:1px solid #555;
	border-bottom:1px solid #555;
}

#nav_produit .current a {
	background-image:url('interface/menu_cote_hover.png');
	width:180px;
	text-decoration:none;
	border-right:1px solid #555;
	border-top:1px solid #555;
	border-bottom:1px solid #555;
}


#social {
  /* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
  position: absolute; right: 0px; top: 200px;
  font-size: 10pt;
  z-index: 5000;
  padding: 5px;
}
#social img{
  padding-bottom: 5px;
  
}
body > div#social {
  /* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
  position: fixed;
}




/* --------->>> texte de formulaire et formulaire input submit etc <<<-----------------------------------------------------------------------------*/


select{  
	margin-left:2px;
    border:1px solid #d7d7d7;
	padding:5px;
    border-radius:2px;
	cursor:pointer;
}
select:hover{
    background:#cde4f7;
    border:1px solid #41c9ff;
}
select:focus {
        -webkit-box-shadow: 0 0 3px 1px #7cdaff;
        -moz-box-shadow: 0 0 3px 1px #7cdaff;
        box-shadow: 0 0 3px 1px #7cdaff;
 }
input{  
    margin-left:2px;
    border:1px solid #d7d7d7;
    padding:5px;
    border-radius:2px;
	cursor:pointer;
}
input:hover{
    background:#cde4f7;
    border:1px solid #41c9ff;
}
input:focus {
        -webkit-box-shadow: 0 0 3px 1px #7cdaff;
        -moz-box-shadow: 0 0 3px 1px #7cdaff;
        box-shadow: 0 0 3px 1px #7cdaff;
}
select:before{
        content: "▼";
}
option{
    background:#fff;
    border-color:#41c9ff;
    border-radius:2px;
    line-height: 18px;
    outline:none;
    -webkit-box-shadow: 0 0 3px 1px #c00;
    -moz-box-shadow: 0 0 3px 1px #c00;
    box-shadow: 0 0 3px 1px #c00;
}
option:focus{
    -webkit-box-shadow: 0 0 3px 1px #7cdaff;
    -moz-box-shadow: 0 0 3px 1px #7cdaff;
    box-shadow: 0 0 3px 1px #7cdaff;
}


.texte {
	color:#666;
	text-decoration:none;
	font-weight: normal;
	font-size:1.2em;
}
.texteoffb {
	color: #999;
	font-weight: normal;
	text-decoration:none;
}
.href {
	color: #666666;
	font-weight: bold;
	text-decoration:none;
}
.href:hover {
	color:#333;
	text-decoration:underline;
}
.input, textarea {
    background-color:#fff;
	border: 1px solid #0066cc;
	color: #0066cc;
}
.submit {
	background-color: #118530;
	border: 1px dashed #666;
	color:#fff;
	padding:3px;
	padding-left:6px;
	padding-right:6px;
	cursor:pointer;
	border:none;
}
.submit:hover{
	background-color:#42a742;
}

.input_rechercher {
    background-color:#fff;
	border: 1px solid #666;
	color: #999;
}
.submit_rechercher {
	background-color: #118530;
	border: 1px solid #666;
	color:#fff;
	padding:0px;
	padding-left:6px;
	padding-right:6px;
	cursor:pointer;
}
.submit_rechercher:hover{
	background-color:#42a742;
}

.submit_haut {
	background-color: #fdb72c;
	border: 1px dashed #666;
	color:#000;
	padding:0px;
	padding-left:6px;
	padding-right:6px;
	cursor:pointer;
	border:none;
}

.submit_haut:hover{
	background-color:#ccc;
}
fieldset{
	border: 1px solid #0066cc;
	padding:10px;
	margin:0 10px;
}
fieldset legend{
	padding:5px 7px;
	border:none;
}
fieldset legend .texte{
	color: #0066cc;;
	font-size:1.2em;
	font-weight: bold;
}
/* PRODUIT TEXTILE --------------------------------------------- */

#textile_declinaison{
	position:relative;
	border: 10px solid #eee;
	float:left;
	width:100%;
	min-width:380px;
	min-height:230px;
	padding:10px;
	margin-right:10px;
	margin-bottom:10px;'
}

.textile_prod{
	position:relative;
	float:left;
	width:240px;
	height:355px;
	border:1px solid #333333;
	background-color: #fff;
	margin:4px;
	padding:3px;
	text-align:center;
}
.textile_prod:hover{
	background-color:#ddd;
	border:1px solid #000;
	text-align:center;
}
.textile_prod .imgsize{
	text-align:center;
	padding-top:4px;
	padding-bottom:4px;
	width:230px;
}
.textile_prod:hover .imgsize{
	text-align:center;
	width:230px;
}
.textile_panneaux{
  position: absolute;
  text-align:center;
  top: -4px;
  left:139px;
}
.textile_prod_marque{
	font-weight: bold;
	font-size: 11pt;
	color:#000;
}
.textile_prix, .textile_prix:visited{
	font-weight: bold;
	font-size: 12pt;
	color:#000;
}
.textile_prix:hover{
	font-weight: bold;
	font-size: 12pt;
	text-decoration:none;
	color:#000;
}

/* PRODUIT AXPOL--------------------------------------------------------------------------------------- */

.ax_ch_prod{
	position:relative;
	float:left;
	width:185px;
	height:260px;
	border:1px solid #aaa;
	background-color: #eee;
	margin:4px;
	padding-top:3px;
	padding-bottom:10px;
	text-align:center;
}
.ax_ch_prod:hover{
	background-color:#ddd;
	border:1px solid #888;
	text-align:center;
}
.ax_ch_prod .imgsize{
	text-align:center;
	padding-top:6px;
	padding-bottom:6px;
	width:170px;
}
.ax_ch_prod:hover .imgsize{
	text-align:center;
	padding-top:10px;
	padding-bottom:6px;
	width:165px;
}

.ax_ch_titre, .ax_ch_titre:visited{
	font-weight: bold;
	font-size: 9pt;
	color:#0099ff;
}
.ax_ch_titre:hover{
	font-weight: bold;
	font-size: 9pt;
	text-decoration:none;
	color:#000;
}
.ax_ch_prix, .ax_ch_prix:visited{
	font-weight: bold;
	font-size: 12pt;
	color:#006600;
}
.ax_ch_prix:hover{
	font-weight: bold;
	font-size: 12pt;
	text-decoration:none;
	color:#000;
}
.ax_cat_prod{
	position:relative;
	float:left;
	width:215px;
	height:270px;
	border:1px solid #e0e0e0;
	margin:5px;
	padding: 18px;
	text-align:center;
}
.ax_cat_prod_img{
	width:215px;
	padding-bottom:10px;
}
.ax_cat_prod:hover{
	background-color:#e0e0e0;
	border:1px solid #f00396;
}
.ax_cat_prod{
	font-weight:bold;
	font-size:14px;
}
.ax_cat_prod:hover a{
	text-decoration:none;
	color:#f00396;
}

#confiance{
	margin-top: 20px;
	padding:10px;
	border: 1px solid #000;
	position:relative;
	float: left;
}

#cache_client{
	background-image:url('interface/cache_client.png');
	position:relative;
	top:-83px;
	width: 192px;
	z-index:650;
	height: 83px;
}
#dessous{
	position:relative;
	text-align:center;
	top:-73px;
	width: 180px;
	z-index:650;
}
#lien_index{
	position:absolute;
	top: 0px;
	height:158px;
	width: 230px;
}
#lien_index_onsa{
	position:absolute;
	top: 62px;
	left: 900px;
	height:63px;
	width: 122px;
	z-index:650;
}
#lien_index_paiement_secu{
	position:absolute;
	top: 62px;
	left: 247px;
	height:63px;
	width: 650px;
	z-index:651;
}
#fichier{
	position:relative;
	float:left;
	width:97.5%;
	text-align:center;
	border: 10px solid #ff99cc;
	background-color:#fff;
	color: #ff0099;
	margin-bottom:10px;
	padding-bottom:15px;
}
#fichier h1{
	color: #ff0099;
}
#fichier_decli{
	position:relative;
	text-align:center;
	float:left;
	width:47%;
	border: 10px solid #eee;
	background-color:#fff;
	color: #717171;
	padding-bottom:15px;
}















/* CATEGORIE PRODUIT--------------------------------------------------------------------------------------- */
#categorie_product{	
	position:relative;
	display:inline-block;
	width:100%;
}

.cat_prod{
	float:left;
	position:relative;
	width:211px;
	height:380px;
	border-radius: 10px;
	border:10px solid #e0e0e0;
	margin:5px;
	padding: 6px;
	text-align:center;
	font-weight:bold;
	font-size:14px;
}
.cat_prod_img{
	width:211px;
	padding-bottom:10px;
	border-radius: 0px;
}
.cat_prod:hover{
	background-color:#e0e0e0;
	border:10px solid #333;
	text-decoration:none;
	color:#333;
}
.cat_prod_titre{
	height: 38px;
}
.pointcles{
	height: 85px;
	font-weight:normal;
	font-size:12px;
	text-align:left;
}
.cat_prod .imgicones{
  filter:grayscale(100%);
  opacity:0.75;
}
.cat_prod .imgicones:hover{
  filter:grayscale(0%);
  opacity:1;
}
.icone-sousmenu{
	position:relative;
	margin-top:5px;
	width:211px;
	background-color:#ccc;
}
.icone-sousmenu{
	position:relative;
	margin-top:5px;
	width:211px;
	background-color:#ccc;
}
.divimgicones{
	position:relative;
	float:left;
	width:20px;
	height:20px;
	padding:3px;
	border-radius: 6px;
	border:solid 1px #bbb;
	background-color:#fff;
	margin-left:2px;
}
.imgiconesprod{
  filter:grayscale(100%);
  opacity:0.5;
}
.imgiconesprod:hover{
  filter:grayscale(0%);
  opacity:1;
}


/* ---------->>> Affichage plusieurs pages produits<<<-----------------------------------------------------------------------------*/

#ax_menu{
	float:left;
	text-align:center;
	margin: 0px;
	margin-top:10px;
	background-color:#eee;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: 1px solid #eee;
	width:97%;
}
#divpardix{
	display: inline-block;
    margin:0 auto;
}
#order{
	float:left;
}
#nbbypage{
	float:right;
}
#pages{
	cursor:pointer;
	margin-left:2px;
	margin-right:2px;
	float:left;
	text-align:center;
	font-weight:bold;
	background-color:#fff;
	border:1px solid #999;
	color:#999;
	padding:3px;
	padding-left: 5px;
	padding-right: 5px;
}
#pagedessus{
	cursor:pointer;
	margin-left:2px;
	margin-right:2px;
	float:left;
	text-align:center;
	font-weight:bold;
	background-color:#c3e9cf;
	border:1px solid #e30613;
	color:#e30613;
	padding:3px;
	padding-left: 5px;
	padding-right: 5px;
}
.nbparpage{
	cursor:pointer;
	margin-left:2px;
	margin-right:2px;
	float:left;
	text-align:center;
	font-weight:bold;
	background-color:#fff;
	border:1px solid #999;
	color:#999;
	padding:3px;
	padding-left: 5px;
	padding-right: 5px;
}
.nbparpagedessus{
	cursor:pointer;
	margin-left:2px;
	margin-right:2px;
	float:left;
	text-align:center;
	font-weight:bold;
	background-color:#c3e9cf;
	border:1px solid #e30613;
	color:#e30613;
	padding:3px;
	padding-left: 5px;
	padding-right: 5px;
}





/* ---------->>> ADMIN <<<-----------------------------------------------------------------------------*/
#admin{
	color: #000;
	font-weight: normal;
	font-size: 9pt;
	text-decoration:none;
}
#admin:hover{
	color: #000;
	text-decoration:underline;
}
.type {
	color: #f5902a;
	font-weight: bold;
	font-size: 0.9em;
	text-decoration:none;
}

	.produit_panneaux_zone{
	  position: absolute;
	  text-align:center;
	  cursor:pointer;
	  top: -2px;
	  right:-2px;
	  z-index:4;
	}

	.produit_panneaux{
	  position: absolute;
	  cursor:pointer;
	  top: -4px;
	  right:-4px;
	  z-index:4;
	}
	.produit_panneauxsous_menu{
	  position: absolute;
	  cursor:pointer;
	  top: -4px;
	  right:-4px;
	}
/* ---------->>> ATTENTION NE PAS MODIFIER <<<-----------------------------------------------------------------------------*/

/* Bouton editer */
.editer{
color:#999;
font-size:8pt;
}
.editer:hover{
color:#000;
}
/* bloc admin haut */
#authen {
	position:absolute;
	top:75px;
	right:45px;
	padding: 5px;
	background-color:#FFF;
	border:5px solid #FB3532;
	z-index:45;
	
}
@media (max-width: 2000px) {
#nav_produit a {
		width:25px;
	}
	#nav_produit .current a {
		width:30px;
	}
	#nav_produit a:hover{
		width:175px;
	}
	.menu_text{
		display:none;
	}
	#nav_produit a:hover .menu_text{
		display:block;
	}
}
@media (max-width: 1800px) {
	#resume_prod{
		width:150px;
	}
	
}
@media (max-width: 1500px) {
	#produit_resume{
		display:none;
	}
	

}

/* ---------->>> FIN DE ATTENTION NE PAS MODIFIER <<<----------------------------------------------------*/
@media (max-width: 1250px) {
	#global{
		width:1010px;
	}
	#niveau1{
		width:1010px;
	}
	#horraire{
		display:none;
	}
	#horrairec{
		display:block;
	}
}

/* ---------->>> FIN DE ATTENTION NE PAS MODIFIER <<<----------------------------------------------------*/
@media (max-width: 1024px) {

	/* ne pas afficher les menus en mobile */
	#global{
		width:100%;
	}
	#conf{
		display:none;
	}
	#firstphone{
		width:200px;
	}
	#logo{
		margin-left:5px;
		margin-right:5px;
	}
	.menubp{
		display:none;
	}
	#contenuEditable{
		min-height: 200px;
	}

	.sample{
		display:none;
	}
	.mask1{
		display:none;
	}
	#box1{
		display:none;
	}
	#photoplus{
		display:none;
	}
	.mask3{
		display:none;
	}
	#box3{
		display:none;
	}
	#image_scroll3{
		display:none;
	}

	#contenuEditable{
		margin:0px;
		min-width:420px;
	}
	#declinaison{
		border: 2px solid #eee;
		padding:5px;
		margin-right:5px;
		margin-bottom:5px;
	}
	#rechercher{
		position:absolute;
		float:left;
		top:92px;
		margin-left:100px;
		padding:0px;
		width:70%;
		height:25px;
		z-index: 50;
	}

#boutonshaut ul ul {
                top: 56px;
				width:380px;
               }  
#fichierid{
	left: -130px;
}
#contactid{
	left: -195px;
}
#moncompteid{
	left: -260px;
}
#monpanierid{
	left: -337px;
}




 #niveau1 .href_1auth a{	
	padding:0px; 
	height:45px;
	margin:0;
	color: #fff;
	z-index:0;
 }

#menu2017{
	position:absolute;
	float:right;
	top:109px;
	margin-top:0px;
	margin-left:0px;
	padding:0px;
	background-image:url('interface/menu_mobile.png');
	width:45px;
	text-align:center;
	cursor:pointer;
	height:35px;
	z-index:601;
}

#niveau1{
	display: inline-block;
	position:relative;
	padding:0px;
	width:100%;
	z-index:601;
}
#niveau1 .href_1{	
	text-decoration:none;
	padding-top:0x;
	height:30px;
	border-right: 0px solid #fff;
	margin:0;
	float:left;
	text-align:center;
 }
#niveau1 .href_1 a{	
	text-decoration:none;
	padding-top:15px;
	background-color:#FFF;
	height:30px;
	border: 1px solid #000;
	margin:0;;
	padding-bottom:0px;
	width:350px;
	float:left;
	text-align:center;
	margin:0;
	color: #000;
	font-weight:bold;
 }
#niveau1 .href_1 a:hover {
	background-image:url('interface/menu_hover.png');
	background-repeat:repeat-x;
	text-decoration:none;
	color:#FFF;
	z-index:0;
}
#menuphoto{
	display:none;
}
#menuobjr{
	display:none;
}

#recherche_obj{
	display:none;
}
#recherche_filtres{
	display:none;
}
#niveau1, #niveau1 ul{ 
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1em;
}

#menu2017 li {
                position:relative;
                list-style: none; /*on enleve les icones de liste */
               }

#menu2017 li:hover { background-color: #007373; }

#menu2017 ul {
				position: absolute;
				text-align:center;
                top: 25px;
				left:0px;
				width:100%;
				min-height:200px;
				margin: 0px;
				z-index:9001;
				opacity: 0;
				visibility: hidden;
				transition: all .4s ease;
				-webkit-transition: all .4s ease;/*100px correspond au d calage a droite, on d cale de la taille du ul de base*/
               }		   
			
#menu2017:hover #niveau1{
         opacity: 1;
		 visibility: visible;
}

#menu2017 ul li {
					 visibility: none;
               }

#menu2017 ul ul {
				 visibility: none;
               } 
#menu2017 ul li:hover ul.niveau2{
         opacity: 0;
		 display:none;
		 visibility: none;
}

/* CATEGORIE PRODUIT--------------------------------------------------------------------------------------- */

.cat_prod{
	position:relative;
	float:left;
	width:45%;
	min-width:170px;
	height:300px;
	border:1px solid #e0e0e0;
	margin:2px;
	padding: 4px;
	text-align:center;
	font-weight:bold;
	font-size:14px;
}
.cat_prod_img{
	width:170px;
	padding-bottom:5px;
}
.cat_prod:hover{
	background-color:#e0e0e0;
	border:1px solid #333;
}
.pointcles{
	margin-top:5px;
	font-weight:normal;
	font-size:10px;
	text-align:left;
}
.cat_prod:hover{
	text-decoration:none;
	color:#333;
}
.icone-sousmenu{
	display:none;
}

/* AFFICHAGE DES PRIX ----------------------------*/


.sub_nv img{
	display: none;
}
.sub_nv{
	color: #666666;
	font-weight: normal;
	cursor:pointer;
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
}
.sub_nv sup{
	font-size: 4pt;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.sub_nv:hover{
	font-weight: normal;
	cursor:pointer;
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
}

.photos_produits{
	width:100px;
	height:62px;
	margin: 2px;
	padding: 0px;
	border-radius: 3px;
	border: 1px solid #ccc;
}








}

@media (max-width: 610px) {
	#boutonshaut{
		width:188px;
	}
	#resume_prod{
		display:none;
	}
	#social{
		display:none;
	}
	.produit_panneaux{
		display:none;
	}
	#boutonshautcontact{
		display:none;
	}
	#boutonshautfichier{
		display:none;
	}
	#contenuEditable{
		padding-left: 2px;
		padding-right: 2px;
	}

	.sub_nv:hover, .sub_nvd:hover{
		color:#3fa22a;
	}
	#description_courte_produit_2{
		display:none;
	}
	#infoproduit{
		display: inline-block;
		width: 100%;
	}
	.info_produit, .info_produit_der{
		width: 45%;
		border: 1px solid #ccc;
	}
	#nbvisuels{
		width: 70px;
	}
	#nbvisuels .titredecli{
		min-width:70px;
	}
	.titredecli{
		min-width: 70px;
	}
	.icone6h24h{
		width:50px;
		border-radius:1px;
	}
	.datelivraison{
		background-image: none;
	}
	.infobulle span, .infobulle2 span{
		position:absolute; 
		display:block;
		min-width:300px;
		max-width:450px;
		margin-left:5px;
		margin-top:10px;
	}
	.blog_prod{
		border: 1px solid #999;
		width:185px;
		height:185px;
		border-radius: 3px;
		margin:2px;
	}
	.blog_prod_img{
		width:185px;
		height:110px;
	}
	.blog_prod_titre{
		height: 20px;
		font-size:10px;
	}
	.blog_prod_button{
		border-radius:2px;
		margin-top: 20px;
		padding: 5px;
		left: 42px;
		height: 15px;
		font-size:10px;
		width: 100px;
	}
	#realisation .slick-prev,
	#realisation .slick-next
	{
		border-radius:2px;
		font-weight: normal;
	}
	#realisation .slick-next{
	right: 0px;
	}
	#realisation .slick-prev
	{
	left: 0px;
	}
	#fiche_technique_article, #gabarits-instructions, #description_produit, #produit_similaire_art, #produit_similaire_art, #ecologie {
		border: 1px solid #999;
		border-radius:3px; 
		padding-left: 0px;
		margin-top:3px;
		min-height:200px;
	}
	#produit_similaire_art .cat_prod{
		border: 1px solid #999;
		width:80px;
		min-width:80px;
		height:120px;
		border-radius: 2px;
		margin:2px;
		font-weight:normal;
		font-size:10px;
	}
	#produit_similaire_art .cat_prod:hover{
		border: 1px solid #db0a16;
	}
	#produit_similaire_art .cat_prod_img{
		width:80px;
		margin-bottom:2px;
	}
	#produit_similaire_art .pointcles{
		display:none;
	}
	
}

@media (max-width: 400px) {
	
	#declinaison{
		min-width:320px;
	}
	.produit_panneaux{
		display:none;
	}
	#logo{
		width: 150px;
	}
	#contenuEditable{
		margin:0px;
		min-width:320px;
	}
	.boutonimg{
		width: 50px;
	}
	#boutonshaut ul ul {
                top: 46px;
				width:320px;
               }  
	#fichierid{
		left: -151px;
	}
	#contactid{
		left: -201px;
	}
	#moncompteid{
		left: -251px;
	}
	#monpanierid{
		left: -301px;
	}

}