@charset "utf-8";
/* CSS Document */
/***** generiques ******/
body {
	margin:0px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
}
div {
	margin:0;
	padding:0;
}
img {
	border:none;
	margin:0;
	padding:0;
}
hr {
	clear:both;
	visibility:hidden;
	display:none;
}
.bold {
	font-weight:bold;
}
a {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
.clearboth {
	clear:both;
}
.floatleft {
	float:left;
}
.floatright {
	float:right;
}

.font14{
	font-size:14px;}
.aligncenter {
	text-align:center;
}
.alignright {
	text-align:right;
}
.alignjustify{
	text-align:justify;
	}
/***** couleurs ******/
.noir {
	color:#000;
}
.rouge {
	color:#f00;
}
.marron {
	color:#86351a;
}
/***** fin couleurs ******/
#retour {
	height:19px;
	font-size:12px;
	padding:2px 0 0 25px;
	margin:0 0 4px 0;
	color:#fff;
	background:#fff url(../imgs/barre-retour.gif) repeat-x;
}
#retour a {
	color:#fff;
	text-decoration:none;
}
#retour a:hover {
	color:#fff;
	text-decoration:none;
}
#wrapper {
	width:921px;
	margin:0 auto;
}
/***** fin generiques ******/
/***** header ******/
#header {
	width:921px;
	height:147px; 
	/*padding-left: 10px;*/
	padding-left:5px;
}
#menu_jaune {
	width:548px;
	height:109px;
	padding:36px 0 0 0;
	float:left;
	background:#fff url(../imgs/header/fond-recherche.gif) no-repeat bottom;
}
#retour_jaune {
	height:51px;
	width:140px;
}
#accueil_jaune {
	height:51px;
	width:76px;
}
#contact_jaune {
	height:51px;
	width:75px;
}
#principe_jaune {
	height:51px;
	width:119px;
}
#panier {
	width:93px;
	height:37px;
	background: url(../imgs/header/panier.gif) no-repeat;
	/*color:#8d4d1d;*/
	color:#FFF;
	font-size:15px;
	padding:14px 0 0 45px;
	font-weight:bold;
	font-size:11px;
}
#panier a, a:hover {
	/*color:#8d4d1d;*/
	color:#FFF;
	text-decoration:none;
}
#cse-search-box {
	padding:0 0 0 150px;
	margin:0;
}
.rech {
	float:left;
	width:335px;
	margin:19px 0 0 0;
	padding:0 0 0 0;
}
.inputrech {
	width:200px;
	/*width:250px*/
	/*margin:8px 0 0 15px;*/
	margin:0 10px 0 0;
	padding:0;
	/*float:left;*/
	float:left;
}

.imgrech {
	/*margin:12px 5px 0px 0px;*/
	margin:-5px 0 0 0px;
}

/************************ MENU SUPPORT ********************/

.sddm
{	margin: 0 0 0 0;;
	padding: 0 0 0 0;
	}

.sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 12px arial}

.sddm li a
{	display: block;
	width: 100px;
	height:30px;
	line-height:30px;
	vertical-align:middle;
	background:url(../imgs/menu/fond_supp2.jpg) no-repeat;
	color: #FFF;
	text-align: center;
	text-decoration: none}

.sddm li a:hover
{
background:url(../imgs/menu/fond_supp2-on.jpg) no-repeat;
}



.sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	border: 2px solid #FFF;
	}

	.sddm div a
	{	position: relative;
	height:30px;
	line-height:30px;
	vertical-align:middle;
		display: block;
		margin: 0;
		padding: 10px 10px 0 0;
		width:250px;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #7fbae0;
		color:#195d7b;
		font: 14px arial;
		}

	.sddm div a:hover
	{	background: #288ab5;
		color: #FFF;}

		
#menu_support {
	margin:0 0 0 15px;
	width:910px;
	
}

#new_menu {
	margin:-5px 0 0 0;
	padding:0 0 5px 0;
}

/****************** Menu fonctions *************/

.fonction
{
	width:910px;
	height:40px;
	
		margin:0 0 3px 18px;;
	padding:0 0 5px 0;
	}

.fonction li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 16px arial}

.fonction li a
{	display: block;
	width: 100px;
	height:40px;
	line-height:40px;
	vertical-align:middle;
	background:url(../imgs/menu/fond_fonction.jpg) no-repeat;
	color: #FFF;
	text-align: center;
	text-decoration: none}

.fonction li a:hover
{
background:url(../imgs/menu/fond_fonction-on.jpg) no-repeat;
}

.fonction a.proteger_tissu, .fonction a.proteger_sols, .fonction a.proteger_murs {
	display: block;
	padding-top:3px;
	width: 100px;
	height:40px;
	line-height:17px;
	vertical-align:middle;
	background:url(../imgs/menu/fond_fonction.jpg) no-repeat;
	font-size:12px;
	color: #FFF;
	text-align: center;
	text-decoration: none;
}

.fonction a.proteger_murs-hover, .fonction a.proteger_sols-hover, .fonction a.proteger_tissu-hover  {
	display: block;
	padding-top:3px;
	width: 100px;
	height:40px;
	line-height:17px;
	vertical-align:middle;
	background:url(../imgs/menu/fond_fonction.jpg) no-repeat;
	font-size:12px;
	color: #FFF;
	text-align: center;
	text-decoration: none;
}

#menu_support h4{
	margin:3px 0 0 5px;
	padding:3px 0 0 0;
	font-weight:bold;
	font-size:16px;
	color:#fdc400;
	font-family:Verdana, Geneva, sans-serif;
}

/********* menu deroulant css vertical ******************/

.titre_menu
{	
width:335px;
height:18px;
margin-bottom:0px;
}
*+html #menu_support .titre_menu
{	
width:335px;
height:12px;
margin-top:0;
padding-bottom:8px;
}

.titre_menu p{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	color: #000;
	margin:0 0 0 17px;
}

body {behavior: url(csshover.htc);}
div#menuSupport {margin-left:5px; font-size:12px; width:450px;}

/* fond gris bleut� pour le menuSupport */ 
div#menuSupport a {color:#333333;}
div#menuSupport ul {padding: 0; margin:0px; width: 150px; background: #eeeeff;} 

/* couleur de police au survol de la souris pour les sous menuSupport et les "basiques"*/ 
div#menuSupport li a:hover {color: #007835; font-weight:bold;}
div#menuSupport li.sousmenu a:hover {color: #007835; font-weight:bold;}

/* Rajout d'une petite fleche pour les sous menuSupport */ 
div#menuSupport li.sousmenu {background: url(fleche.gif) 95% 50% no-repeat;}

div#menuSupport ul li {position:relative; list-style: none;}
div#menuSupport ul ul {position: absolute; top: -1px; left: 150px; display:none;}

/* Affichage au survol */ 
div#menuSupport li a {text-decoration: none; width:150px; display:block;}
div#menuSupport ul.niveau1 li.sousmenu:hover ul.niveau2, 
div#menuSupport ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;}

/********* fin menu d�roulant css vertical ***************/


#search{
	margin-left:18px;
	margin-bottom:7px;
	height:18px;
	width:900px;
	float:left;
}

#search span{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color: #000;
	margin:0 10px 0 15px;
	font-style:italic;
	float:left;
}


#search label{
	color: #666;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	float:right;
}

#search em{
	font-style:normal;
	float:right;
}

#form_rech span{
	color:#666;
	font-size:9px;
	font-family: Arial, Helvetica, sans-serif;
	float:right;
	font-style:italic;
	font-weight:normal;
}

#search span a{
	color:#666;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:underline;
	font-style:italic;
}

#search span a:hover{
	color:#666;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	font-style:italic;
}
/***** fin header ******/

/***** cartouches_home ******/
#cartouches {
	margin:6px 0 0 16px;
	width:907px;
	clear:both;
}
/*** cartouche gauche ***/
#cartouches_g {
	width:448px;
	font-size:12px;
}
#principe_h {
	background:url(../imgs/home/principe_h.gif) no-repeat;
	height:30px; 
	padding:30px 0 0 112px;
	width:336px;
}

#principe_c {
	background:url(../imgs/home/principe_c.gif) repeat-y;
	height:194px;
	padding:10px 20px;
	text-align:justify;
	width:451px;
}
#principe_b {
	background:url(../imgs/home/principe_b.gif) no-repeat;
	height:9px;
	width:451px;
}
.titreprincipe {
	font-size:15px;
	color:#c24f93;
	font-weight:bold;
}
.pprincipe {
	padding:0;
	margin:0 0 6px 0;
}
/*** fin cartouche gauche ***/
/*** cartouche droite ***/
#cartouches_d {
	width:451px;
	margin:0 0 0 8px;
}
#promo_h {
	background:url(../imgs/home/promo_h.gif) no-repeat;
	height:30px;
	padding:30px 0 0 150px;
		width:301px;

}
#promo_c {
	background:url(../imgs/home/promo_c.gif) repeat-y;
	height:214px;
	width:451px;
}
#promo_b {
	background:url(../imgs/home/promo_b.gif) no-repeat;
	height:9px;
	width:451px;
}
#acheterb {
	clear:both;
	width:179px;;
	padding:0 136px;

}
#promo_c .desc_g {
	width:234px;
	height:136px;
	padding:0 0 0 20px;
	/*margin:47px 0 0 0;*/
	margin:35px 0 15px 0;
	font-size:12px;
}

#principe_c .desc_g {
	width:234px;
	height:136px;
	/*padding:0 0 0 20px;*/
	/*margin:47px 0 0 0;*/
	margin:10px 0 15px 0;
	font-size:12px;
}

#promo_c .cont-img_g {
	width:170px;
	height:171px;
	margin:7px 0 0 6px;

}

#principe_c .cont-img_g {
	width:170px;
	height:171px;
	margin:0 0 5px 30px;

}

.small{
	font-size:10px;	
}
/*.img_g {
	width:170px;
	height:170px;
}*/
.titrec {
	font-size:16px;
	color:#fff;
	font-weight:bold;
}

#principe_h.titrec h2, #promo_h.titrec h2, #ventes_h.titrec h2{
margin:0;
padding:3px 0 0 0;
font-size:16px;
}

.titre_d {
	font-size:16px;
}
.desc_d {
	width:193px;
	height:349px;
	padding:0 0 0 14px;
	margin:17px 0 0 0;
	overflow:auto;
}
.cont-img_d {
	width:230px;
	height:359px;
	margin:7px 0 0 10px;

}
.titre-bacc {
	font-weight:bold;
}
.vert-bacc {
	color:#007835;
}

a.acheter {
	display:block;
	color:#fff;
	background:url(../imgs/home/acheter-ce-produit.gif) no-repeat;
	width:179px;
	height:23px;
	padding:6px 0 0 14px;
	font-size:12px;
	font-weight:bold;
	margin:5px 0 0 0;
}

a.acheter:hover {
	color:#fff;
	text-decoration:underline;
}
.vert-w {
	color:#214a10;
}
/*** fin cartouche droite ***/
/*** cartouche bas ***/
#cartouches_b {
	width:906px;
	padding:5px 0 0 0;
	clear:both;
}
#ventes_h {
	background:url(../imgs/home/ventes_h.gif) no-repeat;
	height:29px;
	padding:10px 0 0 0;
	text-align:center;
}
#ventes_c {
	background:url(../imgs/home/ventes_c.gif) repeat-y;
	height:460px;
	font-size:11px;
}
#ventes_b {
	background:url(../imgs/home/ventes_b.gif) no-repeat;
	height:9px;
}
.ventes {
	width:145px;
	float:left;
	margin:7px 18px 0 18px;
}
.vente {
	height:267px;
}
a.acheterv {
	display:block;
	color:#fff;
	background:url(../imgs/home/acheter-ce-produit-min.gif) no-repeat;
	width:131px;
	height:23px;
	padding:6px 0 0 14px;
	font-size:12px;
	font-weight:bold;
	margin:135px 0 0 0;
}
a.acheterv5 {
	display:block;
	color:#fff;
	background:url(../imgs/home/acheter-ce-produit-min.gif) no-repeat;
	width:131px;
	height:23px;
	padding:6px 0 0 14px;
	font-size:12px;
	font-weight:bold;
	margin:5px 0 0 0;
	*margin:0;
	}

a.acheterv:hover, a.acheterv5:hover {
	color:#fff;
	text-decoration:underline;
}
.img_v {
	width:125px;
	height:125px;
}
/*** fin cartouche bas ***/
/***** fin cartouches_home ******/
/***** content ******/
#content {
	margin:0 0 0 16px;
	width:907px;
}
#content_h {
	background:url(../imgs/home/ventes_h.gif) no-repeat;
	width:908px;
	height:39px;
}
/*barre de titre pour la partie support*/
#content_h_support {
	background:url(../imgs/home/ventes_h_support.gif) no-repeat;
	width:908px;
	height:39px;
}
#content_h_produit {
	background:url(../imgs/boutique/content_produit_h.png) no-repeat;
	width:908px;
	height:16px;
}
#content_c {
	background:url(../imgs/content/fond_c.gif) repeat-y;
	width:907px;
	padding:15px 10px;
	font-size:12px;
}
#content_cgv {
	background:url(../imgs/content/fond_c.gif) repeat-y;
	width:885px;
	padding:15px 10px;
	font-size:12px;
}
#content_b {
	background:url(../imgs/content/fond_b.gif) no-repeat;
	width:907px;
	height:12px;
}
/***** rubrique *****/
.titre_rubrique {
	color:#fff;
	font-size:16px;
	font-weight:bold;
	margin:0px 0 0 0;
	padding:10px 0 0 0;}
.produits {
	width:272px;
	padding:0 0 20px 0;
}
.produits h1 {
	margin:0;
	padding:0;
	font-size:12px;
}
.titreproduits {
	width:314px;
	margin-left:119px;
}
.titreproduits_h {
	width:314px;
	height:6px;

}
.titreproduits_c {
	width:314px;
}
.titreproduits_c a {
	color:#fff;
	display:block;
	width:294px;
	padding:0 10px 0 10px;
}
.titreproduits_c a:hover {
	color:#fff;
	text-decoration:none;
}
.titreproduits_b {
	width:314px;
	height:6px;
	margin-bottom:10px;
}
.imgproduits {
	width:100px;
	height:100px;
	padding:0 5px 0 4px;
}
.descproduits {
	width:272;
	padding:0;
	height:105px;
}

.descproduits2 {
	width:272;
	padding:0;
	height:50px;
}

.recom_prod_comp{
	font-size:14px;
	font-weight:bold;
	
	
}

.bordureright {
		border-right:1px #ccc solid;
}
#sousrub {
	margin:6px 0 15px 16px;
	width:907px;
}
#sousrub a {
	display:block;
	width:213px;
	height:27px;
	float:left;
	background:url(../imgs/rubriques/sousrub/off.gif) no-repeat;
	font-size:13px;
	color:#fff;
	text-decoration:none;
	padding:8px 0 0 13px;
	margin:0 0 0 0px;
	font-weight:bold;
}
#sousrub a.rubon {
	display:block;
	width:213px;
	height:27px;
	float:left;
	font-size:13px;
	color:#fff;
	text-decoration:none;
	padding:8px 0 0 13px;
	margin:0 0 0 0px;
	font-weight:bold;
}
#sousrub a:hover {
	text-decoration:none;
}
/***** fin rubrique *****/
/***** produits *****/

#imgproduit {
	width:204px;
	text-align:center;

}

#descproduit form {
	width:632px;
	padding:19px 0 0px 11px;
}
#descproduit h1 {
	margin:0;
	padding:0;
	color:black;
	font-size:24px;
}
.panierp {
	margin:0;
	padding:0 0 14px 0;
}
.titreproduit_h {
	width:648px;
	height:9px;
}
.titreproduit_c {
	width:648px;
}
.titreproduit_b {
	width:648px;
	height:8px;
	margin-bottom:10px;
}

.tech_g, .tech_d  {
	width:6px;
	height:21px;
}
.tech_c {
	width:862px;
	height:19px;
	color:#fff;
	font-size:13px;
	padding:2px 0 0 0;
}
.applicationproduit {
	/*width:100%;*/
}
/***** particuliers produits *****/
#environement {
	background-color:#009036;
	padding:5px;
	text-align:justify;
	color:#fff;
	height:100px;
	width:700px;
	margin:0 auto;
	clear:both;
}
.mgi {
	margin-right:5px;
}
.desctex {
	float:left;
	width:600px;
}
.imgtex {
	float:left;
	width:200px;
	text-align:center;
}
img.imgtext {
	padding-bottom:35px;
}
/***** fin particuliers produits *****/
/***** fin produits *****/
/***** panier / bon de commande *****/
.votrepanier {
	padding:0;
	margin:0;
}
.border1 {
	border-bottom : 1px solid #ccc;
}
.backcolorp {
	background-color:#fee799;
}
.border2 {
	border-bottom : 2px solid #ccc;
}
a.nomp {
	color:#000;
	text-decoration:none;
}
a.nomp:hover {
	color:#000;
	text-decoration:underline;
}

#expedesti {
	width:550px;
	margin:0 150px 0 200px;
}
#expe {
	width:165px;
	padding:0 190px 0 0;
}
#desti {
	width:195px;
}
.cgv {
	height:200px;
	width:500px;
	overflow:auto;
	border:solid #000 1px;
	padding:10px;
}
/***** fin panier / bon de commande *****/
/***** CONTACT *****/
.fieldc {
	clear:both;
	margin:0;
	padding:0 0 5px 0;

}
.labelc {
	width:150px;
	float:left;
}
.erreur {
	color:#f00;
	font-weight:bold;
}
/***** FIN CONTACT *****/
/***** fin content ******/
/***** footer ******/
#footer {
	margin:17px 0 0 19px;
	clear:both;
	width:901px;
	height:19px;
	background:url(../imgs/footer/footer.gif) no-repeat;
	font-weight:normal;
	text-align:center;
	font-size:12px;
	color:#fff;
	padding:3px 0 0 0;
}
#footer a {
	color:#fff;
	font-weight:normal;
}
#footer a:hover {
	color:#fff;
	text-decoration:underline;
}
#xiti-logo-noscript, #xiti-logo {
	width:901px;
	margin:20px 0 10px 19px;
	text-align:center;
	height:15px;
}
/***** fin footer ******/
/***** promo ******/
#img_promo {
	width:877px;
}
.imgpromos {
	width:232px;
	padding:0 30px 0 30px;
	text-align:center;
}
p.achetervp {
	width:141px;
	padding:0 40px 0 40px;
}
a.achetervp {
	display:block;
	color:#fff;
	background:url(../imgs/home/acheter-ce-produit-min.gif) no-repeat;
	width:145px;
	height:23px;
	padding:6px 0 0 6px;
	font-size:12px;
	font-weight:bold;
	margin:0 0 0 0;
}
.picto {
	margin:0 15px;
}
a.achetervp:hover {
	color:#fff;
	text-decoration:underline;
}
#content_promo {
	width:877px;
	clear:both;
	padding:15px 0 0 0;
}
#content_promo h2 {
	padding:15px 0 10px 0;
	margin:0 0 0 0;
	color:#31849b;
	font-size:14px;
}
#content_texte {
	width:647px;
	float:left;
}
#content_img {
	width:210px;
	padding:0 0 0 20px;
	float:left;
	text-align:center;
}
#content_img img {
	padding:10px 0 0 0;
}
.h1titre {
	padding:5px 0 15px 0;
	margin:0 0 0 0;
	color:#31849b;
	font-size:16px;
	text-align:center;
}
.h2existe {
	padding:15px 0 10px 0;
	margin:0 0 0 0;
	color:#31849b;
	font-size:14px;
}
.imgpromosb {
	width:159px;
	padding:0 30px 0 30px;
	text-align:center;
}
a.achetervpb {
	display:block;
	color:#fff;
	background:url(../imgs/home/acheter-ce-produit-min.gif) no-repeat;
	width:145px;
	height:23px;
	padding:6px 0 0 6px;
	font-size:12px;
	font-weight:bold;
	margin:0 0 0 0;
}

a.achetervpb:hover {
	color:#fff;
	text-decoration:underline;
}
p.achetervpb {
	width:145px;
}
/***** fin promo ******/


/************ CARROUSEL************/
#enscarrousel{
	width:915px;
	margin-left:16px;
	height:180px;
	}
#retourTP{
	width:86px;
	height:178px;
	float:left;
	}
#carrousel{
	width:815px;
	margin-top:4px;
	height:181px;
	margin-left:-3px;
	float:left;}
#carrousel img{
	display:none;
	position:absolute;
	top:0px;
	left:0px;}
.nivo-slice{
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
	}
#carrousel a{
	display:block;
	}
a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/********** FIN CARROUSEL**********/




#prodIndispo{
width:800px;
font-size:12px;
	
}

#prodIndispo a{
	text-decoration:underline;
	color:#333;
}

#prodIndispo a:hover{
	text-decoration:none;
	color:#333;	
}