*{
	margin:0px; padding:0px;
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	list-style:none;
	text-decoration:none;
	border:none;
}

html{background:#FFF url(../fond/html.jpg) repeat-x top left; text-align:center;}

/*  CADRE BODY */

body{
	margin:0 auto;
	width:952px;
	text-align:left;
	position:relative;

}

/* logo + baseline */
#home .logo{
	position:absolute;
	z-index:100;
	top:35px;
	left:21px;
}
#home .baseline{
	position:absolute;
	z-index:101;
	top:65px;
	left:240px;
}#page .logo{
	position:absolute;
	z-index:100;
	top:30px;
	left:21px;
}
#page .baseline{
	position:absolute;
	z-index:101;
	top:65px;
	left:195px;
}
/* pied */
#pied{display:block;clear:both;color:#898989;text-align:center;padding:10px 0 5px;position:relative;z-index:1;}
#pied a{color:#898989;}


/*  tete de page  */

.insti{
	font-family:Arial, Helvetica, sans-serif;
	color:#DCD5D3;
	display:block;
	margin:0 auto;
	padding:0 0 0 140px;
	text-align:center;
	width:812px;
	height:92px;
}
.insti a{
	font-family:Arial, Helvetica, sans-serif;
	color:#DCD5D3
	}
	
/* bandeau */

.bandeau{
	display:block;
	position:relative;
	width:952px;
	height:300px;
	background:url(../fond/fondbandeau.png) no-repeat bottom left;
}

/* photosuggestion */

.bandeau .photosuggest{
	display:block;
	position:absolute;

	width:940px;
	margin:6px 6px 0;
	height:300px;
	overflow:hidden;
	background-position:center -230px;
	}

.bandeau .photosuggest img{
	margin-top:152px;
}

/* panier */

#home .panier{position:absolute;z-index:102;top:-20px;left:700px;}


#page .panier{position:absolute;z-index:102;top:-25px;left:720px;}
	
 .panier a{	
	color:#FFF;
	font-size:16px;
	text-decoration:underline;
	display:block;
	width:160px;}
 .panier .flashpanier{
	top:-60px;
	left:150px;
	position:absolute;}
/* perso */


.bandeau .perso{
	top:66px;
	left:788px;
	z-index:105;
	position:absolute;}

/* suggestion */ 
	
.descripsuggest{
	background:url(../fond/suggestion.png) left top no-repeat;
	width:348px;
	height:240px;
	z-index:103;
	top:40px;
	left:575px;
	position:absolute;
}

	
.descripsuggest h2{
	font-size:22px;
	text-align:center;
	margin:8px 0 0;
}

.descripsuggest h3{
	font-size:18px;

	color:#C50002;
	text-align:left;
	margin:3px 0 5px 25px;
}
.descripsuggest p{

	font-size:13px;
	line-height:14px;
	text-align:left;
	margin:3px 0 5px 25px;
	width:225px;
}

a.plus{
	position:absolute;
	display:block;
	font-size:12px;
	color:#4A4A4A;
	
}

.descripsuggest  a.plus{
	top:210px;
	left:150px;
}
.fichette a.plus{
	top:300px;
	left:135px;
}

/* ajout au panier rapide */

.addpanier fieldset{
	display:block;
	margin:3px 0 5px 0px;
	width:200px;

}


.refproduit fieldset{
	position:relative; 
	width:auto!important;
	float:left;	
	margin:0px 0 0 5px;
	color:#FFF;
}


.descripsuggest .addpanier fieldset{
	margin:3px 0 5px 25px;
	width:195px;

}

.addpanier fieldset .conditionnent{
	display:block;
	float:left;
	text-align:left;
	padding:2px 0 0 0;
	font-size:12px;	
	width:60px;
	line-height:13px;
}

.descripsuggest fieldset .conditionnent{
	width:70px;
}

.addpanier fieldset small{
	display:block;
	clear:both;
	margin:0px 0 0 0px;
	float:left;
	font-size:10px;	
}

.addpanier fieldset .prix{
	
	font-weight:bold;
	font-size:18px;
	display:block;
	margin:0 10px 0 5px;
	float:left;
	color:#C50002;
	font-style:normal;
}


.addpanier fieldset strike{
	text-decoration:line-through;
	float:left;
	margin:-2px 2px 2px;
	font-size:16px;
	color:#333333;
	display:block;
	
}

.refproduit fieldset .prix{
	color:#FCFF00;
}
.refproduit .vign_ref{position:relative; float:left; display:block;width:50px; height:40px; margin-right:5px; overflow:hidden;}
.refproduit .vign_ref img{max-width:50px; max-height:40px;}

.addpanier fieldset label,#thepanier label.addRapid{
cursor:pointer;
	display:block;
	float:right;
	background:url(../fond/fondajout.png) no-repeat left top;
	width:54px;
	height:25px;
}


.refproduit fieldset label{
	background:url(../fond/fondajout.gif) no-repeat left top;}

.addpanier fieldset label input,#thepanier label.addRapid input{
	background:none;
	text-align:center;
	margin:2px 0 0 19px;
	color:#FFF;
	font-weight:bold;
	width:15px;
	height:19px;
}
.addpanier fieldset label input:focus,#thepanier label.addRapid input:focus{
	background:none;
	color:#FC0;

}

/* menu */

.bottom{background:url(../fond/pied.gif) no-repeat bottom center;
	width:952px;}

.corp{
	
	display:block;
	position:relative;
	width:952px;
	padding-top:1px;
	background:url(../fond/corp.png) repeat-y top left;
}
#home .corp{
	height:450px;
	}
	
#page .corp{

	min-height:450px;
	padding-top:2px;
}

#themenu{
     list-style: none;
     position: relative;
     margin: 0 6px  0 6px;
	width:940px;
    overflow: hidden;
     padding: 0;}
#home #themenu{
    background:url(../fond/fondmenu.png)repeat-x;
    height: 51px;
 }
 #page #themenu{
    height: 71px;
    background:url(../fond/fondmenupage.png) repeat-x;
 }
 .menu{
 margin:0 -2px;
 
 
 }
 
  .menu li{
    display: block;
    overflow: hidden;
    padding: 0;
    cursor: pointer;
    float: left;
    width: 135px;}
	
 #home .menu li{
    height: 51px;
    background:url(../fond/fondmenuli.png) no-repeat top left;
}	
 #page .menu li{
    height: 46px;
	padding-top:25px;
    background:url(../fond/fondmenulipage.png) no-repeat top left;
}
	
.menu li a{
	position:relative; float:left;
  	display:block;
	padding:8px 5px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:14px;
	text-align:center;
	width: 115px;
    height: 51px;
	color:#FFF; 
}
  
   #home .menu li:hover{
    background:url(../fond/fondmenuli.png)no-repeat 0 -63px;
  }
   #page .menu li:hover{
    background:url(../fond/fondmenulipage.png)no-repeat 0 -83px;
  
  }
 /* VIGNETTES MENU */ 
#home .menu .back1:hover{background:url(../fond/menu1.jpg)no-repeat top left;}
#page .menu .back1:hover{background:url(../fond/pagemenu1.jpg)no-repeat top left;}
#home .menu .back2:hover{background:url(../fond/menu2.jpg)no-repeat top left;}
#page .menu .back2:hover{background:url(../fond/pagemenu2.jpg)no-repeat top left;}
#home .menu .back3:hover{background:url(../fond/menu3.jpg)no-repeat top left;}
#page .menu .back3:hover{background:url(../fond/pagemenu3.jpg)no-repeat top left;}
#home .menu .back4:hover{background:url(../fond/menu4.jpg)no-repeat top left;}
#page .menu .back4:hover{background:url(../fond/pagemenu4.jpg)no-repeat top left;}
#home .menu .back5:hover{background:url(../fond/menu5.jpg)no-repeat top left;}
#page .menu .back5:hover{background:url(../fond/pagemenu5.jpg)no-repeat top left;}
#home .menu .back6:hover{background:url(../fond/menu6.jpg)no-repeat top left;}
#page .menu .back6:hover{background:url(../fond/pagemenu6.jpg)no-repeat top left;}
#home .menu .back7:hover{background:url(../fond/menu7.jpg)no-repeat top left;}
#page .menu .back7:hover{background:url(../fond/pagemenu7.jpg)no-repeat top left;}

  
.vign_cat{position:relative; float:right;height:30px;}
  
 /* rassurant */
 
 .rassurant{
 	float:right;
 	width:252px;
 } 
 
 .rassurant h2{
	font-size:18px;

	color:#C50002;
	text-align:left;
	margin:8px 0 0 10px;
}
 .rassurant h3{
 	color:#FFF;
	font-size:16px;
	margin:5px 4px 2px;
 
 
 }.rassurant h4,.rassurant label{
 	display:block;
 	color:#FFF;
	font-size:16px;
	font-weight:bold;
	}
	.rassurant h4{
	margin:5px 4px 2px;
 
 
 }.rassurant label{
	margin:1px 4px 2px;
 
 }
  .rassurant p{
  	background:url(../fond/fondrassure2.png);
	display:block;
 	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:2px 10px;
  
  
  }
  
  
  #page .rassurant p{
  	line-height:14px;
  }
  
    .rassurant p strong{
	
	font-size:20px;
	font-family:"Times New Roman", Times, serif;
	
	}
	
    .rassurant p em{
		font-weight:bold;
		font-style:normal;
		display:block;
		float:left;
		width:60px;
	}
	

 .rassurant .cadrerassur{
 	width:230px;
	height:253px;
	overflow:hidden;
	padding:6px;
	background:url(../fond/fondrassurant.png) no-repeat top left;
 }	
 
 #page .rassurant .cadrerassur{
	height:239px;
	background:url(../fond/fondrassurant2.gif) no-repeat top left;
 }	
  .rassurant .newsletter{
 	width:230px;
	height:51px;
	overflow:hidden;
	padding:6px;
	position:relative;
	background:url(../fond/fondnewsletter.png) no-repeat top left;
 }	
 
   .rassurant .texte{
   		border:1px solid white;
		background:none;
		margin:0 6px;
		padding:0 5px;
		width:205px;
		color:#FFF;
   }
   
   .rassurant .fleche{
   		display:block;
		top:33px;
		left:215px;
		position:absolute;
		width:10px;
		height:10px;
   }
   
   
    .selection{
 	float:left;
 } 
    .selection h2{
	font-size:18px;

	color:#C50002;
	text-align:left;
	margin:8px 0 0 15px;
}
    
	/* fichette */
	
	
	
	 .fichette{
	 
		position:relative;
		display:block;  	float:left;
 	width:206px;
	height:312px;
	overflow:hidden;
	z-index:2;
	padding:8px;
	margin:0 0 10px 9px;
	background:url(../fond/fondfichette.png) no-repeat top left;
	   
	   }
	   
	   #liste_prod .fichette{
	
	margin:0 0 10px 13px;
	}
	   
	   
	   	  .fichette h3{
		   	display:block;
 	color:#000;
	font-size:16px;
	font-weight:bold;
		  }
		
	   
	    
	  .fichette p{
		   	display:block;
			color:#000;
			font-size:12px;
			margin:0 0 10px;
	  }
	.fichette .illus{
	 		display:block;
			border:1px solid black;
			width:205px;
			height:140px;
			text-align:center;
			overflow:hidden;
	}
	  .fichette .illus img{
			max-height:140px;
			min-width:205px; 
	  }
/* mini fichette */
	.propal,.propal2{
		float:right;
		margin:0 11px 0 0;
	}
	.propal{
	
		width:245px;
	}
	.fichettemini{
		float:right;
		width:241px;
		height:102px;
		background:url(../fond/fondminifichette.gif) no-repeat top left;
		margin:0 0 0px 4px; 
	}
	.propal2 .fichettemini+.fichettemini{margin:0;width:229px;
		background:url(../fond/fondminifichette2.gif) no-repeat top left;
	}
	
	.fichettemini .photo{
		display:block;float:left;
		overflow:hidden;
		width:123px;
		height:92px;
		margin:5px 5px;
	}
	.fichettemini .photo img{
		height:92px;
	}
	.fichettemini h3{
		text-align:center;
		margin:10px 5px;
		font-size:16px;
		line-height:18px;
	  color:#C50002
	  }
	  
	  
	.fichettemini p{
		font-size:12px;
	  color:#000;
		text-align:center;
		margin:0px 5px;
	  	
		
	}
/* ariane */

	#ariane{
		display:block;
	width:922px;
		padding:10px 15px 0;
		height:19px;
		
		
	}
	#ariane li{
		display:block;
		float:left;
	}
	#ariane a{
		display:block;
		font-size:14px;
		background:url(../elmt/fleche2.gif) no-repeat 4px 4px;
		color:#000000;
		padding:0 4px 0 16px;
		
	}

/* page produit */

.cadreimage{
	background:url(../fond/cadrephoto.gif) no-repeat top left;
	width:368px;
	float:left;
	height:250px;
	margin:0 0 0 8px;
}
.cadreimage .limit{
	display:block;

	margin:6px;
	overflow:hidden;
	width:356px;
	height:238px;
}

.cadreimage .limit img{
	min-width:356px;
	max-height:238px;
}


.desproduit{
	background:url(../fond/desproduit.gif) no-repeat top left;
	width:319px;
	float:left;
	height:250px;
	margin:0 0 0 0px;

}


.desproduit h2{
	margin:38px 38px 0;
	color:#C50002;
	font-size:22px;
}
.desproduit p{
	font-size:13px;
	margin:5px 38px 0;}
.desproduit ul{
	font-size:13px;
	margin:10px 38px 0;}
.desproduit ul li{
	margin:2px 0;}
	
	

.refproduit{
	background:url(../fond/reffond.gif) no-repeat top left;
	width:673px;
	float:left;
	height:54px;
	padding:10px 0 0 15px;
	margin:0 0 0 8px;

}

/* texte */

#contenu{
	width:688px;
	min-height:206px;
	margin:2px 0 0 8px;
	clear:both;
	float:left;
	background:url(../fond/middle-texte.gif) repeat-y top left;
}


#contenu .top{
	width:688px;
	min-height:206px;
	background:url(../fond/top-texte.gif) no-repeat top left;

}
#contenu .bottom{
	width:688px;
	min-height:206px;
	background:url(../fond/bas-texte.gif) no-repeat bottom left;

}
#contenu .froisser{
	min-height:206px;
	width:688px;
	background:url(../fond/froisser.gif) 6px 6px no-repeat;

}

#contenu .coin{
	min-height:166px;
	padding:15px 15px 30px;
	width:658px;
	background:url(../fond/coin.gif) bottom no-repeat;


}

.spacercl{
display:block;
clear:both;
overflow:hidden;
height:1px;
}

/* panier */


#thepanier{
	width:538px;
	min-height:206px;
	margin:2px 4px 0 8px;
	clear:both;
	float:left;
	background:url(../fond/middle-texte2.gif) repeat-y top left;
}


#thepanier .top{
	width:538px;
	min-height:206px;
	background:url(../fond/top-texte2.gif) no-repeat top left;

}
#thepanier .bottom{
	width:538px;
	min-height:206px;
	background:url(../fond/bas-texte2.gif) no-repeat bottom left;

}
#thepanier .froisser{
	min-height:206px;
	width:538px;
	background:url(../fond/froisser.gif) 6px 6px no-repeat;

}

#thepanier .coin{
	min-height:166px;
	padding:15px 15px 30px;
	width:508px;
	background:url(../fond/coin2.gif) bottom no-repeat;


}

#thepanier h2{
	font-size:20px;
	color:#554F49;
	margin:0 0 5px;
}

#thepanier table{
	width:100%;
	height:339px;
}

#thepanier table thead th{
	border-bottom:1px solid #554F49;
	color:#554F49;
	text-align:center;
	padding:0 4px 1px;
}
#thepanier table tbody .name_art{
	padding:1px 4px;
	text-align:right;

}#thepanier table tbody .det{
	padding:1px 4px;
	text-align:center;

}#thepanier table tbody .prixart{
padding:1px 4px;
	font-weight:bold;
	font-size:14px;
	text-align:center;}

#thepanier table tbody .total{
padding:1px 4px;color:#C50002;
	font-weight:bold;
	font-size:16px;
	text-align:center;

}
#thepanier table tbody .quant{
	padding:1px 4px;
	width:54px;
}
#thepanier table tbody .quant label{
	float:none;
	margin:0px;
}
#thepanier table .sb{
	background:#E5E5E5;
}

#thepanier table tfoot .total{
	padding:1px 4px;
	color:#C50002;
	font-weight:bold;
	font-size:16px;
	text-align:center;
}

#thepanier table tfoot .bordertop{
	border-top:1px solid #554F49;
}

#thepanier .ctexttans{
	float:right;
	margin:6px 8px 0;
	width:45px;
	border:1px solid black;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}


#thepanier .ajouter_code{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	background:url(../elmt/ajoutpromo.png) no-repeat top left;
	color:white;
	vertical-align:top;
	width:53px;
	height:25px;
	padding:0px 4px  7px 0

}

#thepanier #codepromo label{
	float:right;
display:block;
margin:5px

}
#thepanier #codepromo .codepromo label strong{
display:block;
border:1px solid black;
float:none
}

.suitepanier{
clear:both;
	text-align:center;padding:20px 0 0}
.suitepanier input{
	font-size:18px;
	background:none;
	cursor:pointer;
	text-decoration:underline;

}
/* situation */



#situation{
	width:386px;
	min-height:206px;
	margin:2px 0 0 0;
	float:left;
	background:url(../fond/middle-texte3.gif) repeat-y top left;
}


#situation .top{
	width:386px;
	min-height:206px;
	background:url(../fond/top-texte3.gif) no-repeat top left;

}
#situation .bottom{
	width:375px;
	min-height:196px;
	background:url(../fond/bas-texte3.gif) no-repeat bottom left;
	padding:5px 5px 5px 6px;

}
#situation .rouge{
	width:375px;
	min-height:196px;
	background:#860002;

}
#situation h2{
	font-size:20px;
	color:#EFEFEF;
	padding:13px 15px 5px;
}
#situation #mapUsine{
	height:350px;
	width:371px;
	border:2px solid #860002;

}

#contenu #mapUsine{
	height:350px;
	width:100%;
	margin-bottom:10px;

}
#situation address{
	font-style:normal;
	color:#FFF;
	font-size:16px;
	padding:4px 10px;
	font-family:Arial, Helvetica, sans-serif;

}
#situation p{
	font-style:normal;
	color:#FFF;
	text-align:center;
	font-size:12px;
	padding:4px 10px;

}


/* ligne paiement */

.lignepaiement{
	margin:10px 20px 5px;
	height:25px;
	
	
	
}
.lignepaiement li{
	font-size:16px;
	margin:0 20px 5px 0;
	 
	float:left;

}
.lignepaiement li.sel{
	text-decoration:underline;
}

.lignepaiement li strong{
	font-size:18px;
	
}

/* formulaire */

#formident label,#grandform label{
	display:block;
	clear:both;
	min-height:30px;

}

#formident label span,#grandform label span{
	display:block;
	width:150px;
	float:left;
	padding:0 4px 10px 0;
	font-size:12px;
	text-align:right;
}

#formident label input,#grandform label input{
	border:1px solid #000;
	width:300px;
}
#formident label select ,#grandform label select{
	border:1px solid #000;
	width:302px;

}
#formident label textarea,#grandform label textarea{
	border:1px solid #000;
	width:300px;

}

#formident .note,#grandform label .note{
	font-size:12px;
	margin:20px 8px 10px; 
}

#grandform  ul li{
	display:block;
	width:auto;	border:1px solid #000;
	float:left;
}
#grandform  ul li input.radio{
	border:none;
	vertical-align:middle;
	width:20px;
}


/* message */
ul.message{
	border:2px solid #C40002;
	margin:0 0 10px;
	padding:5px;
}


ul.message li{
	display:block;
	border:none;
}

/* paiement bouton */
.bigsubmit{
	margin-left:50px;
	border:1px solid #000000;
	padding:5px;
	cursor:pointer;
	font-family:arial;
}