﻿body{margin:0; background:#001122 url(images/expand_interne.jpg) center -1px no-repeat;}

#home #expand {margin:0; background:url(images/fond_extensible.jpg) center 4px no-repeat;}

/*  Typography
    ------------------------- */
body { font-size: 12px; line-height: 18px; }
   
body { 
  color: #272D31;
  font-family:verdana,arial, sans-serif;
}

h1,h2,h3,h4,h5,h6 { 
  color: #D60083; 
  font-family:verdana;
}

/*  Headings
    ------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: bold; color: #000; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; font-weight: bold; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em;  }
h6 { font-size: 1em; font-weight: bold; }


/*  Text elements
    ------------------------- */

img{border:none;}	
	
p           { margin: 0 0 5px 0; line-height:1.2em;color:#000;}
p.last      { margin-bottom: 0; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; padding: 0; }
p img.top   { margin-top: 0; } 

ul, ol      { margin:0 0 1.5em 0; clear:both;}

ul li { margin-bottom: 0.625em;  }

li.last{border:none;}

.hr{display:none;}

p.mentions{margin:0 0 10px 0;}

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin-top: 1.5em; font-style: italic; }
del         { color:#666; }

a{border:none;}

a:focus, 
a:hover     { color:#999999; text-decoration: underline; border:none;}
a           { color:#999999;border:none; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; color: #000; }
em,dfn      { font-style: italic; color: #666; }
dfn         { font-weight: bold; }
pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5; } 
tt          { display: block; margin: 1.5em 0; line-height: 1.5; }


/*  Tables
    ------------------------- */

table   { margin-bottom: 1.4em; }
th      { font-weight: bold; }
td      { border-bottom: 1px solid #000; }
th,td   { padding: 0 }
tfoot   { font-style: italic; }
caption { background: #ffc; }

/* Use this if you use span-x classes on th/td. */
table .last { padding-right: 0; } 


/*  Some default classes
    ------------------------- */
	
.accessibility{display:none;}

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; color:#126AB3; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet      { color: #59b2c7; }
.uncolor   { color: #AA9C84; }

.hide       { display: none; }
.highlight  { background:#FFFFCC; }
.added      { color:#060; }
.removed    { color:#900; }

.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

.left { float: left; }
.right { float: right }

.center { text-align: center; }

.help { padding-left: 20px; background: transparent url(img/help.png) left top no-repeat; }

.error, .success    { padding: 10px; padding-left:35px;margin-bottom: 1em; border: 2px solid #ddd;clear:both; -moz-border-radius: 10px;-webkit-border-radius: 10px;-khtml-border-radius: 10px;border-radius: 10px;}
.error      { background: #fff url(images/error.gif) 0 50% no-repeat; color: #D12F19; border-color: #FBC2C4;}
.success    { background: #fff url(images/success.gif) 0 50% no-repeat; color: #529214; border-color: #C6D880; }

#wrapper{
	width:950px;
	margin:0 auto;
	padding:0 0 20px 0;
	height:auto;
	background: #001122 url(images/fond_interne.jpg) center -20px repeat-y;
}

#expand {
	margin:0; 
	background:url(images/right_interne.jpg) right top repeat-y;
	}

/*Header*/
	#header{
		position:relative;
	}
	
	#categorie{
		background:url(images/categorie_interne.jpg) right top no-repeat;
	}

	#categorie #header{
		width:950px;
		margin:0 auto;	
		background:#95308E url(images/header_interne.jpg) center top no-repeat;
		display:block;
		height:190px;
	}	

	
	/*support numerique adhesif*/
	.support_num_adhesif #categorie, .support_num_non_adhesif #categorie{
		background:url(images/categorie_sup_num_adhesif.jpg) right top no-repeat;
	}

	.support_num_adhesif #categorie #header{
		width:950px;
		margin:0 auto;	
		background:#95308E url(images/header_sup_num_adhesif.jpg) center top no-repeat;
		display:block;
		height:190px;
	}
	
	.support_num_non_adhesif #categorie #header{
		width:950px;
		margin:0 auto;	
		background:#95308E url(images/header_sup_num_non_adhesif.jpg) center top no-repeat;
		display:block;
		height:190px;
	}	
	/*fin support numerique adhesif*/
	
	/*support accessoire technique*/
	.support_technique #categorie{
		background:url(images/cat_technique.jpg) right top no-repeat;
	}	
	
	.support_technique #categorie #header{
		width:950px;
		margin:0 auto;	
		background:#688293 url(images/header_technique.jpg) center top no-repeat;
		display:block;
		height:190px;
	}
	/*fin accessoire technique*/		
	
	/*support decoupe*/
	.support_decoupe #categorie{
		background:url(images/cat_decoupe.jpg) right top no-repeat;
	}	
	
	.support_decoupe #categorie #header{
		width:947px;
		margin:0 auto;	
		background:#95308E url(images/header_decoupe.jpg) center top no-repeat;
		display:block;
		height:190px;
	}
	/*fin support decoupe*/
	
	/*support speciaux*/
	.support_speciaux #categorie{
		background:url(images/cat_speciaux.jpg) right top no-repeat;
	}	
	
	.support_speciaux #categorie #header{
		width:950px;
		margin:0 auto;	
		background:#95308E url(images/header_speciaux.jpg) center top no-repeat;
		display:block;
		height:190px;
	}
	/*fin support speciaux*/	
	
	/*support display*/
	.support_display #categorie{
		background:url(images/cat_display.jpg) right top no-repeat;
	}	
	
	.support_display #categorie #header{
		width:950px;
		margin:0 auto;	
		background:#688293 url(images/header_display.jpg) center top no-repeat;
		display:block;
		height:190px;
	}
	/*fin support display*/	
	
	/*support decoration*/
	.support_decoration #categorie{
		background:url(images/cat_decoration.jpg) right top no-repeat;
	}	
	
	.support_decoration #categorie #header{
		width:950px;
		margin:0 auto;	
		background:#ADA987 url(images/header_decoration.jpg) center top no-repeat;
		display:block;
		height:190px;
	}
	/*fin support display*/		
		
/*Fin header*/

/*Navigation principale*/

#nav_principale{
	position:absolute;
	left:200px;
}

.support_num_adhesif a#homepage, .support_num_non_adhesif a#homepage{
	display:block;
	width:199px;
	height:123px;
	background:url(images/logo_sup_num_adhe.jpg) center top no-repeat;
	text-indent:-5000px;
}

#nav_principale ul{
	position:relative;
	width:auto;
	margin:10px 0 0 10px;
	padding:0;
	left:0;
}

#nav_principale ul li{
	margin:0 0 3px 0;
	padding:0;
	list-style-type:none;	
}

#nav_principale ul li a{
	background:#FBA333;
	list-style-type:none;
	font-family:verdana;
	font-size:12px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	display:block;
	height:22px;
	width:163px;
	margin:0;	
}	

a#homepage{
	display:block;
	width:199px;
	height:123px;
	background:url(images/poitoo-transparent.png) center top no-repeat;
	text-indent:-5000px;
}

#nav_principale ul li a#connection{
	background:#D55B34 url(images/connection.gif) left top no-repeat;
	padding:0 0 0 28px;
}	

#nav_principale ul li a#panier{
	background:#D55B34 url(images/panier.gif) left top no-repeat;
	padding:0 0 0 28px;
}

#nav_principale ul li a:hover#connection{
	background:#ea653c url(images/connection.gif) left top no-repeat;
}	

#nav_principale ul li a:hover#panier{
	background:#ea653c url(images/panier.gif) left top no-repeat;
}

.support_num_adhesif #nav_principale ul li a, .support_num_non_adhesif #nav_principale ul li a{
	background:#AA59A5;
	list-style-type:none;
	font-family:verdana;
	font-size:12px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	display:block;
	height:22px;
	width:163px;
	margin:0;	
}	

.support_num_adhesif #nav_principale ul li a#connection, .support_num_non_adhesif #nav_principale ul li a#connection{
	background:#AA59A5 url(images/connection.gif) left top no-repeat;
	padding:0 0 0 28px;
}	

.support_num_adhesif #nav_principale ul li a#panier, .support_num_non_adhesif #nav_principale ul li a#panier{
	background:#AA59A5 url(images/panier.gif) left top no-repeat;
	padding:0 0 0 28px;
}

.support_num_adhesif #nav_principale ul li a:hover#connection, .support_num_non_adhesif #nav_principale ul li a:hover#connection{
	background:#BF75BA url(images/connection.gif) left top no-repeat;
}	

.support_num_adhesif #nav_principale ul li a:hover#panier, .support_num_non_adhesif #nav_principale ul li a:hover#panier{
	background:#BF75BA url(images/panier.gif) left top no-repeat;
}

/*accessoire technique*/

.support_technique a#homepage{
	display:block;
	width:199px;
	height:123px;
	background:url(images/poitoo_technique.jpg) center top no-repeat;
	text-indent:-5000px;
}

.support_technique #nav_principale ul li a{
	background:#BAC837;
	list-style-type:none;
	font-family:verdana;
	font-size:12px;
	color:#000;
	font-weight:bold;
	text-decoration:none;
	display:block;
	height:22px;
	width:160px;
	margin:0;	
}	

.support_technique #nav_principale ul li a#connection{
	background:#BAC837 url(images/connection.gif) left top no-repeat;
	padding:0 0 0 28px;
}	

.support_technique #nav_principale ul li a#panier{
	background:#BAC837 url(images/panier.gif) left top no-repeat;
	padding:0 0 0 28px;
}

.support_technique #nav_principale ul li a:hover#connection{
	background:#C7D16A url(images/connection.gif) left top no-repeat;
}	

.support_technique #nav_principale ul li a:hover#panier{
	background:#C7D16A url(images/panier.gif) left top no-repeat;
}

/*Fin accessoire technique*/	

/*decoupe*/

.support_decoupe a#homepage{
	display:block;
	width:199px;
	height:123px;
	background:url(images/poitoo_decoupe.jpg) center top no-repeat;
	text-indent:-5000px;
}

.support_decoupe #nav_principale ul li a{
	background:#FFCE39;
	list-style-type:none;
	font-family:verdana;
	font-size:12px;
	color:#000;
	font-weight:bold;
	text-decoration:none;
	display:block;
	height:22px;
	width:160px;
	margin:0;	
}	

.support_decoupe #nav_principale ul li a#connection{
	background:#FFCE39 url(images/connection.gif) left top no-repeat;
	padding:0 0 0 28px;
}	

.support_decoupe #nav_principale ul li a#panier{
	background:#FFCE39 url(images/panier.gif) left top no-repeat;
	padding:0 0 0 28px;
}

.support_decoupe #nav_principale ul li a:hover#connection{
	background:#F9D977 url(images/connection.gif) left top no-repeat;
}	

.support_decoupe #nav_principale ul li a:hover#panier{
	background:#F9D977 url(images/panier.gif) left top no-repeat;
}

/*Fin decoupe*/	

/*speciaux*/

.support_speciaux a#homepage{
	display:block;
	width:199px;
	height:123px;
	background:url(images/poitoo_speciaux.jpg) center top no-repeat;
	text-indent:-5000px;
}

.support_speciaux #nav_principale ul li a{
	background:#4FAFE1;
	list-style-type:none;
	font-family:verdana;
	font-size:12px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	display:block;
	height:22px;
	width:160px;
	margin:0;	
}	

.support_speciaux #nav_principale ul li a#connection{
	background:#4FAFE1 url(images/connection.gif) left top no-repeat;
	padding:0 0 0 28px;
}	

.support_speciaux #nav_principale ul li a#panier{
	background:#4FAFE1 url(images/panier.gif) left top no-repeat;
	padding:0 0 0 28px;
}

.support_speciaux #nav_principale ul li a:hover#connection{
	background:#8ACAEC url(images/connection.gif) left top no-repeat;
}	

.support_speciaux #nav_principale ul li a:hover#panier{
	background:#8ACAEC url(images/panier.gif) left top no-repeat;
}

/*Fin speciaux*/	

/*display*/

.support_display a#homepage{
	display:block;
	width:199px;
	height:123px;
	background:url(images/poitoo_display.jpg) center top no-repeat;
	text-indent:-5000px;
}

.support_display #nav_principale ul li a{
	background:#879AA9;
	list-style-type:none;
	font-family:verdana;
	font-size:12px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	display:block;
	height:22px;
	width:160px;
	margin:0;	
}	

.support_display #nav_principale ul li a#connection{
	background:#879AA9 url(images/connection.gif) left top no-repeat;
	padding:0 0 0 28px;
}	

.support_display #nav_principale ul li a#panier{
	background:#879AA9 url(images/panier.gif) left top no-repeat;
	padding:0 0 0 28px;
}

.support_display #nav_principale ul li a:hover#connection{
	background:#A8B4BD url(images/connection.gif) left top no-repeat;
}	

.support_display #nav_principale ul li a:hover#panier{
	background:#A8B4BD url(images/panier.gif) left top no-repeat;
}

/*Fin display*/	

/*decoration*/

.support_decoration a#homepage{
	display:block;
	width:199px;
	height:123px;
	background:url(images/poitoo_decoration.jpg) center top no-repeat;
	text-indent:-5000px;
}

.support_decoration #nav_principale ul li a{
	background:#C3C1AB;
	list-style-type:none;
	font-family:verdana;
	font-size:12px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	display:block;
	height:22px;
	width:160px;
	margin:0;	
}	

.support_decoration #nav_principale ul li a#connection{
	background:#C3C1AB url(images/connection.gif) left top no-repeat;
	padding:0 0 0 28px;
}	

.support_decoration #nav_principale ul li a#panier{
	background:#C3C1AB url(images/panier.gif) left top no-repeat;
	padding:0 0 0 28px;
}

.support_decoration #nav_principale ul li a:hover#connection{
	background:#D5D3C2 url(images/connection.gif) left top no-repeat;
}	

.support_decoration #nav_principale ul li a:hover#panier{
	background:#D5D3C2 url(images/panier.gif) left top no-repeat;
}

/*Fin decoration*/	
	

/*End navigation principale*/

/*Wrapper*/

	/*Navigation interne*/
	#nav_interne{
		float:left;
		position:relative;
		width:320px;
		display:inline;
		margin:0;
	}
	
	#nav_interne ul{
		margin:0;
		padding:0;
	}

	#nav_interne ul li ul{
		margin:0;
		padding:0;
	}	
	
	#nav_interne ul li{
		list-style-type:none;
		margin:0 0 10px 0;
		padding:0;
		display:block;
		width:310px;
		position:relative;
		z-index:10;				
	}
	
	#nav_interne ul li ul li{
		list-style-type:none;
		margin:0;
		padding:0;
		display:block;
		width:310px;
	}	

	#nav_interne ul li a{
		text-decoration:none;
		color:#000;
		display:block;
		width:300px;
		font-size:10px;
		font-weight:bold;
		font-family:verdana;
		background:#E6E8AA;
		border-right:4px solid #E6E8AA;
	}
	
	#nav_interne ul li.support_num_adhesif li a, #nav_interne ul li.support_num_non_adhesif li a, #nav_interne ul li.support_speciaux li a, #nav_interne ul li.support_decoupe li a, #nav_interne ul li.support_technique li a, #nav_interne ul li.support_display li a, #nav_interne ul li.support_decoration li a{
		text-decoration:none;
		color:#000;
		display:block;
		width:295px;
		font-weight:normal;
		font-size:10px;
		font-family:verdana;
		background:#F0F1D7;	
		padding:0 0 0 15px;
		border-bottom:1px solid #DDDDDD;
		border-left:4px solid #DDDDDD;
		border-right:4px solid #DDDDDD;		
	}	

	#nav_interne ul li.support_num_adhesif a, #nav_interne ul li.support_num_non_adhesif a{
		color:#000;
		display:block;
		padding:0 0 0 10px;
		border-left:4px solid #A93BA1;
	}
	
	#nav_interne ul li.support_num_adhesif li a:hover, #nav_interne ul li.support_num_adhesif li a.actif, #nav_interne ul li.support_num_non_adhesif li a:hover, #nav_interne ul li.support_num_non_adhesif li a.actif{
		background:#fff;
		border-left:4px solid #A93BA1;
		border-right:4px solid #A93BA1;
	}

	#nav_interne ul li.support_speciaux a{
		color:#000;
		display:block;
		padding:0 0 0 10px;
		border-left:4px solid #08A5FF;
	}	
	
	#nav_interne ul li.support_speciaux li a:hover, #nav_interne ul li.support_speciaux li a.actif{
		background:#fff;
		border-left:4px solid #08A5FF;
		border-right:4px solid #08A5FF;
	}	
	
	#nav_interne ul li.support_decoupe a{
		color:#000;
		display:block;
		padding:0 0 0 10px;
		border-left:4px solid #FFA708;
	}	
	
	#nav_interne ul li.support_decoupe li a:hover, #nav_interne ul li.support_decoupe li a.actif{
		background:#fff;
		border-left:4px solid #FFA708;
		border-right:4px solid #FFA708;
	}	

	#nav_interne ul li.support_technique a{
		color:#000;
		display:block;
		padding:0 0 0 10px;
		border-left:4px solid #B0C206;
	}	
	
	#nav_interne ul li.support_technique li a:hover, 	#nav_interne ul li.support_technique li a.actif{
		background:#fff;
		border-left:4px solid #B0C206;
		border-right:4px solid #B0C206;
	}	

	#nav_interne ul li.support_display a{
		color:#000;
		display:block;
		padding:0 0 0 10px;
		border-left:4px solid #636363;
	}	
	
	#nav_interne ul li.support_display li a:hover, #nav_interne ul li.support_display li a.actif{
		background:#fff;
		border-left:4px solid #636363;
		border-right:4px solid #636363;
	}

	#nav_interne ul li.support_decoration a{
		color:#000;
		display:block;
		padding:0 0 0 10px;
		border-left:4px solid #ADA987;
	}	
	
	#nav_interne ul li.support_decoration li a:hover, #nav_interne ul li.support_decoration li a.actif{
		background:#fff;
		border-left:4px solid #ADA987;
		border-right:4px solid #ADA987;
	}	
	/*End navigation interne*/
	
	/*content*/
	#container{
		float:left;
		width:92%;
		display:block;
		padding:0 0 20px 75px;
		margin:35px 0 0 0;
	}
	
	#content{
		float:left;
		width:55%;
		padding:0 0 20px 30px;
		margin:0;
		display:inline;
	}		
	
	#search{
		background:#B2CC4A;
		border:3px solid #000;
		float:right;
		display:inline;
		width:870px;
		padding:4px 0;
		margin:0 0 0 8px;
	}
	
	#search ul{
		float:left;
		margin:0 0 0 4px;
		padding:0;
	}
	
	#search p{
		display:inline;
		margin:0;
		padding:0;
	}	

	#search li{
		display:inline;
		list-style-type:none;
		margin:0;
		padding:0 5px 0 5px;
		float:left;
		border-right:2px solid #000;
	}
	
	#search li.last{
		border-right:none;
	}	
	
	#search li#connection{
		background:url(images/connection.jpg) left top no-repeat;
		padding:0 0 0 18px;
	}	
	
	#search li#panier{
		background:url(images/panier.jpg) left top no-repeat;
		padding:0 0 5px 22px;
	}		
	
	#search li a{
		color:#000;
		text-decoration:none;
		font-weight:bold;
		font-size:12px;
		font-family:verdana;
	}	
		
	#search li a:hover{
		text-decoration:underline;
	}		
	
	#search a{
		color:#000;
		text-decoration:none;
		font-size:12px;
		font-weight:bold;
		font-family:verdana;
	}		
	
	#search form{
		display:inline;
		float:right;
		margin:0 10px 0 10px;
		width:auto;
	}	
	
	#search input{
		width:115px;
		border:1px solid #DDDDDD;
		padding:0 3px;
	}	
	
	#search input#ok{
		width:26px;
		border:1px solid #808080;
		background:#E9EDC1;
		margin:0 3px;
		padding:0;
	}	
	
	.article{
		clear:both;
		padding:0 0 0 10px;
		margin:0 0 35px 0;
		height:auto;
		position:relative;
		min-height:98px;
		_height: 98px !important;
	}
	
	.article{
		border-left:4px solid #B90B52;
	}
	
	#content .article h3#titre{
		font-weight:bold;
		font-size:18px;
		font-family:verdana;
		text-decoration:underline;
		margin:0 0 5px 0;
		line-height:1.2em;
		width:250px;
	}
	
	#content .article h3, #container .article h2, #content .article p, #content .article h4{
		width:230px;
	} 

	#content .article h3#titre a{
		color:#000;	
	}		

	#content .article h3{
		color:red;	
		margin:0;
		font-size:12px;
		line-height:1.2em;
	}		
	
	#content .article h4#intitule, #content .article h4#intitule a{
		color:#B2CC4A;
		font-family:verdana;
		font-weight:bold;
		font-size:14px;
		margin:10px 0 10px 0;
		text-decoration:none;
	} 

	#container .article p.admin{
    clear:both;
  }
  
	#container .article p.info_technique{
    float:left;
  }

	#container .article ul.logo_type{
    float:left;
    overflow:hidden;
    display:inline-block;
    width:210px;
    margin-bottom:15px;
    clear:none;
  }  
  
	#container .article ul.logo_type li{
    float:left;
    margin:10px 5px 0 0;
  }    
	
	.content_article{
		float:left;
		width:270px;
	}

	#content .article p strong{
		color:#E60003;
	}	
	
	#content .article p.ref{
		float:right;
		margin:0 0 0 0;
		width:auto;
		clear:right;
		position:relative;
	}
	
	#content .article p.ref a.zoom{
		display:block;
		position:absolute;
		overflow:hidden;
		bottom:-2px;
		padding:0 0 10px 0;
		right:-4px;
		text-indent:-5000px;
		background:url(images/loupe_zoom.png) center top no-repeat;
		height:22px;
		width:23px;
		cursor:pointer;
	}	
	
	* html #content .article p.ref a.zoom{
		bottom:-8px;
	}

	#content .article p.visuel{
		float:none;
		margin:0 -2px 0 0;
		width:auto;
	}
	
	span.inputBox{
		float:left;
		margin-bottom:10px;
	}

	#content .article p.logo img{
		float:none;
	}

	#content .article p.logo{
		position:absolute;
		right:100px;
		width:135px;
	}		

	#content .article p.visuel img{
		border:1px solid #000;	
	}
	
	.nouveaute{
		position:absolute;
		left:-102px;
		overflow:hidden;
	}
	
	.nouveaute img{
		position:relative;
		top:5px;
	}
	
	#container .nouveaute li{
		float:left;
	}		
	
	#container .nouveaute li.first{
		position:relative;
		left:82px;
		cursor:pointer;		
	}				

	/*Supports numerique adhesif*/	
		.support_num_adhesif .article, .support_num_non_adhesif .article{
			border-left:4px solid #95308E;
		}
		
		/*.support_num_adhesif .article.nouveaute, .support_num_non_adhesif .article.nouveaute{
			margin:0 0 35px -15px;
			padding:0 0 0 30px;
			border:none;
			background:url(images/nouveaute.jpg) left top no-repeat;
		}*/		
	/*Fin supports numerique adhesif*/	
	
	/*Supports speciaux*/	
		.support_speciaux .article{
			border-left:4px solid #08A5FF;
		}
		
		/*.support_speciaux .article.nouveaute{
			margin:0 0 35px -15px;
			padding:0 0 0 30px;
			border:none;
			background:url(images/nouveaute_speciaux.jpg) left top no-repeat;
		}	*/			
	/*Fin supports speciaux*/	

	/*Supports decoupe*/	
		.support_decoupe .article{
			border-left:4px solid #FFA708;
		}
		
		/*.support_decoupe .article.nouveaute{
			margin:0 0 35px -15px;
			padding:0 0 0 30px;
			border:none;
			background:url(images/nouveaute_decoupe.jpg) left top no-repeat;
		}*/				
	/*Fin supports decoupe*/	

	/*Supports accessoires techniques*/	
		.support_technique .article{
			border-left:4px solid #B0C206;
		}
		
		/*.support_technique .article.nouveaute{
			margin:0 0 35px -15px;
			padding:0 0 0 30px;
			border:none;
			background:url(images/nouveaute_technique.jpg) left top no-repeat;
		}	*/		
	/*Fin supports accessoires techniques*/		
	
	/*Supports accessoires display*/	
		.support_display .article{
			border-left:4px solid #688398;
		}
		
		/*.support_display .article.nouveaute{
			margin:0 0 35px -15px;
			padding:0 0 0 30px;
			border:none;
			background:url(images/nouveaute_display.jpg) left top no-repeat;
		}	*/			
	/*Fin supports accessoires display*/

	/*Supports accessoires decoration*/	
		.support_decoration .article{
			border-left:4px solid #ADA987;
		}
		
		/*.support_display .article.nouveaute{
			margin:0 0 35px -15px;
			padding:0 0 0 30px;
			border:none;
			background:url(images/nouveaute_display.jpg) left top no-repeat;
		}	*/			
	/*Fin supports accessoires decoration*/		
	
	ul#pagination{
		margin:0 0 0 15px;
		padding:0;
	}

	ul#pagination li{
		display:inline;
	}
	
	ul#pagination li a{
		background:#C5CC00;
		border:1px solid #515715;
		color:#515715;
		padding:3px 4px 3px 4px; 
		font-weight:bold;
		text-decoration:none;
		position:relative;
	}
	
	ul#pagination li.last a{
		background:none;
		border:none;
		color:#000;
		padding:0; 
		font-weight:normal;
		text-decoration:none;
	}	
	
	ul#pagination li.last a:hover{
		background:none;
		border:none;
		color:#000;
		text-decoration:underline;
	}	
	
	ul#pagination li a:hover, ul#pagination li a.active{
		background:#717A1D;
		border:1px solid #515715;
		color:#fff;
	}	
	
	
	#container strong{
		color:#FA8C00;
		line-height:1.4em;
	}

	#container h2{
		color:#D55937;
		line-height:1.4em;
		font-size:18px;
	}
	
	#container .article h2{
		color:#B80B51;
		line-height:1.4em;
		font-weight:bold;
		font-size:12px;
	}	

	#container h3{
		color:#B2CC4A;
		font-size:12px;
		margin:15px 0 10px 0;
		clear:left;
	}
	
	#container p.visuel{
		float:right;
		margin:0 0 10px 10px;
	}	
	
	#container ul{
		margin:0 0 0 0px;
		padding:0;
	}	

	#container li{
		list-style-type:none;
		margin:0;
	}	
	
	#container a{
		color:#B80B51;
	}
	
	#container p.gamme{
		float:left;
	}	
	
		/*actualite*/
		#container a.suite{
			color:#B90B52;
			text-decoration:none;
			padding:0 0 0 10px;
		}
		/*end actualite*/
	
		/*gamme de produit*/
		#container p.gamme{
			height:600px;
		}
		
		#container .support_numerique_adhesif, #container .support_numerique_non_adhesif, #container #decoupe, #container #speciaux, #container #display, #container #accessoires, #container #decoration{
			width:57%;
			float:left;
			padding:0 0 0 10px;
			margin:0 0 10px 0;
		}
		
		#container .support_numerique_adhesif h3, #container .support_numerique_non_adhesif h3, #container #decoupe h3, #container #speciaux h3, #container #display h3, #container #accessoires h3, #container #decoration h3{
			margin:0;
		}	

		#container .support_numerique_adhesif p a, #container .support_numerique_non_adhesif p a, #container #decoupe p a, #container #speciaux p a, #container #display p a, #container #accessoires p a, #container #decoration p a{
			color:#999999;
			text-decoration:none;
		}				

		#container .support_numerique_adhesif, #container .support_numerique_non_adhesif{
			border-left:10px solid #95308E;
		}

		#container .support_numerique_adhesif h3 a{
			clear:none;
			display:block;
			height:27px;
			width:337px;
			text-indent:-5000px;
			margin:0;
			background:url(images/titre_adhesif.jpg) center top no-repeat;
			overflow:hidden;
		}
		
		#container .support_numerique_non_adhesif h3 a{
			clear:none;
			display:block;
			height:25px;
			width:362px;
			text-indent:-5000px;
			margin:0;
			background:url(images/titre_non_adhesif.jpg) center top no-repeat;
			overflow:hidden;
		}		
		
		#container #decoupe{
			border-left:10px solid #FFC208;
		}

		#container #decoupe h3 a{
			clear:none;
			display:block;
			height:24px;
			width:168px;
			text-indent:-5000px;
			margin:0;
			background:url(images/titre_decoupe.jpg) center top no-repeat;	
			overflow:hidden;			
		}		
		
		#container #speciaux{
			border-left:10px solid #229BD8;
		}	
		
		#container #speciaux h3 a{
			clear:none;
			display:block;
			height:25px;
			width:140px;
			text-indent:-5000px;
			margin:0;
			background:url(images/titre_speciaux.jpg) center top no-repeat;	
			overflow:hidden;			
		}		

		#container #display{
			border-left:10px solid #688193;
		}
		
		#container #display h3 a{
			clear:none;
			display:block;
			height:27px;
			width:80px;
			text-indent:-5000px;
			margin:0;
			background:url(images/titre_display.jpg) center top no-repeat;	
			overflow:hidden;			
		}		

		#container #accessoires{
			border-left:10px solid #A9BA04;
		}	

		#container #accessoires h3 a{
			clear:none;
			display:block;
			height:21px;
			width:217px;
			text-indent:-5000px;
			margin:0;
			background:url(images/titre_accessoires.jpg) center top no-repeat;
			overflow:hidden;			
		}	

		#container #decoration{
			border-left:10px solid #ADA987;
		}	

		#container #decoration h3 a{
			clear:none;
			display:block;
			height:25px;
			width:176px;
			text-indent:-5000px;
			margin:0;
			background:url(images/titre_decoration.jpg) center top no-repeat;
			overflow:hidden;			
		}			
		/*fon gamme de produit*/
	
		/*Identification*/
		#identification{
			float:right;
			width:33%;
			margin:100px 0 0 50px;			
			display:inline;
			background:#B2CC4A;
			border:3px solid #000;
			padding:10px;			
		}	
		
		#identification h3{
			color:#fff;
			text-align:center;
			font-size:16px;
			margin:0 0 5px 0;
			font-weight:bold;
		}

		#identification form{
			width:100%;
		}
		
		#identification form label{
			width:45%;
		}	
		
		#identification form p{
			clear:both;
			margin:10px 0 0 0;
		}	
		
		#identification form input#submit{
			float:right;
			background:#E9EDC1;
			margin:0 18px 0 0;
		}

		#identification p.link{
			text-align:center;
		}		

		#identification p.link a{
			color:#fff;
		}		
		
		/*ENd identification*/
		
		/*
		*	Panier
		*/
		
		form#frmPanier{
			width:100%;
		}

		table#panier {
		  border-collapse: separate;
		  border-spacing: 0;
		  table-layout: fixed;
		  color: #222;
		  border: solid 1px #222;
		  width: 100%;
		  font-size: 0.8em;
		}



		table#panier tr td {
		  empty-cells: show;
		  background: #F9C296;
		  padding: 4px 5px;
		  vertical-align:top;
		  color: #222;
		  }

		#panier tr.odd td {
		  background: #FAD9BF;
		}

		#panier tr th {
		  background: #FD9542;
		  color: #fff;
		  border-bottom:1px solid #000;
		  font-weight: bold;
		  padding: 2px 0;
		  text-align: center;
		}

		#panier th.prod { width: 25%; }
		#panier th.opt {width: 100px; }
		#panier th.unite {width: 60px;}
		#panier th.longueur {width:100px;}
		#panier th.largeur {width: 70px;}
		#panier th.ref { width: 180px; }
		#panier th.poubelle {width: 30px; }

		#panier td.prod {border-right: solid 1px #222; font-weight: bold; font-size: 0.9em;}
		#panier td.unite {text-align:center;border-right: solid 1px #222; font-weight: bold; font-size: 0.9em;}
		#panier td.longueur {text-align:center;border-right: solid 1px #222; font-weight: bold; font-size: 0.9em;}
		#panier td.largeur {text-align:center;border-right: solid 1px #222; font-weight: bold; font-size: 0.9em;}
		#panier td.opt {border-right: solid 1px #222;}
		#panier td.ref {border-right: solid 1px #222; font-family: "Lucida console", arial, sans-serif;}
		#panier td.opt input.qte { width: 50px; vertical-align: top; float: left;}
		form #panier td p { margin: 0; padding: 0; width: auto;}
		form #panier td p input { width: auto; }
		#panier td.poubelle { width: 21px;  border-right: none; text-align: center;}

		#panier td a.update {
		  display: block;
		  width: 20px;
		  height: 20px;
		  text-indent: -19000px;
		  background: transparent url(images/update.gif) left top no-repeat;
		  /*margin-left: 62px;*/
		  overflow:hidden;
		}

		#panier td.total { font-weight: bold; text-align: right; border-top:none;}
		#panier tr.odd td.prix { font-weight: bold; border-top:none;}
		#panier td.prix { font-weight: bold; border-top:none;}

		form #panier td a.sup {
		  display: block;
		  width: 20px;
		  height: 20px;
		  text-indent: -19000px;
		  background: transparent url(images/cancel.gif) center top no-repeat;
		}
		
		form #panier input {
		  border:1px solid #F8E1EA;
		}		

		#main-page p a.devis {
			display: block;
			float: right;
			margin-top: 10px;
			margin-right: 20px;
			color: #fff;
			padding-left: 20px;
			text-decoration: none;
			background: transparent url(../img/email.gif) left top no-repeat;
		}

		form #panier td.prix p { line-height:1.8em;color: #222; font-weight: bold; font-size: 0.8em; text-align: center;}
		* html form #panier td.prix p{font-size:1em;}
		form #panier td.prix2  { border-right: solid 1px #222;color: #222; font-weight: bold; font-size: 0.8em; text-align: center;}
		
		#container a.devis, #container a.back-link{
			color:#000;
			font-weight:bold;
		}
		
		#container a.back-link{
			display: block;
			float: right;
			margin-top: 0px;
			margin-right: 20px;
			padding-left: 20px;
			padding-bottom:5px;
			text-decoration: none;
			background: transparent url(images/back.gif) left top no-repeat;
		}
			
		#container p a.devis {
			display: block;
			float: right;
			margin-top: 0px;
			margin-right: 0px;
			padding-left: 20px;
			padding-bottom:5px;
			text-decoration: none;
			background: transparent url(images/email.gif) left top no-repeat;
		}		
		
		/*end panier*/
		
		/*plan du site*/
		ul#plansite {
			margin:5px 0px 5px 15px;
			padding:0pt;
		}		
		
		ul#plansite li, ul#plansite li li {
			margin:3px 0pt;
		}
		
		ul#plansite li a, ul#plansite li li a{
			text-decoration:none;
		}		
		
		ul#plansite li li {
			background:url(images/puce.gif) left 2px no-repeat;
			margin:3px 0 3px 15px;
			padding:0 0 0 18px;
		}
		/*end plan du site*/
	
	/*Fin content*/
	
/*Fin wrapper*/	

/*partenaire*/

	#partenaire {	
		position:relative;
		border-top:2px solid #999999;
		display:block;
		width:93%;
		clear:both;
		margin:0 auto 0 80px;
	}
	
	#partenaire ul{
		margin:15px 0 20px 0;
		padding:0px 0 0 0;		
		clear:both;
		display:block;
		height:64px;
	}

	#partenaire li{
		background:#fff;
		display:inline;
		float:left;
		height:64px;
	}		

	
	#partenaire a{
		float:left;
		display:inline;
		height:64px;
		background:#fff;
		margin:0 0 0 6px;
	}		
	

/*end partenaire*/

/*footer*/
	#footer{
		margin:40px 0 0 0;
		text-align:center;
	}
	
	html* #footer{
		margin:0;
	}
	
	#footer p, #footer ul{
		display:block;
		width:90%;
		margin:0 auto 5px 85px;
	}
	
	#footer ul li{
		display:inline;
		list-style-type:none;
	}	

	#footer ul li a{
		color:#000;
		border-right:1px solid #000;
		padding:0 5px 0 3px;
	}		

	#footer ul li.last a{
		text-decoration:none;
		border-right:none;
		padding:0 5px 0 3px;
	}	
	
/*end footer*/

/*form*/
form#frmIdentification{
	width:45%;
	float:left;
}

form{
	width:70%;
	margin:10px auto;
}

form p{
	margin:10px 0 10px 0;
}

form#frmIdentification label{
	width:35%;
	float:left;
	text-align:right;
	font-weight:bold;
}

form label{
	width:40%;
	float:left;
	text-align:right;
	font-weight:bold;
}

span.label{
	float:left;
	width:35%;
	text-align:right;
	font-weight:bold;
}

form#frmIdentification label.radioLabel{
	clear:none;
	display:inline;
	float:left;
	padding:0pt 0.8em 0pt 0.2em;
	text-align:left;
	width:auto;
}

form p input.radio{
	background:transparent none repeat scroll 0%;
	border:medium none;
	display:inline;
	float:left;
	width:auto;
}

form input, form select{
	width:45%;
	float:left;
	margin:0 0 0 10px;
	border:1px solid #B2CC4A;
}

form select#ssrubrique{
	width:275px;
	height:18px;
}

form input#civilite{
	width:5%;
	display:inline;
	float:none;
}

form input#submit{
	float:right;
	background:#E9EDC1;
	margin:0 70px 0 0;
}

form p.link{
	display:block;
	text-align:right;
	width:100%;
}

form p.link input{
	float:right;
	margin:0 80px 0 0;
	background:#E9EDC1;
	cursor:pointer;
}

form p#obligation{
	display:block;
	clear:both;
	text-align:center;
	padding:5px 0 0 0;
	font-size:10px;
	color:#E13318;
}

#assistant{
	background:#B2CC4A;
	border:3px solid #fff;
	padding:10px;
}

#assistant form#frmAssistant{
	display:inline;
	margin:0;
}

#assistant form#frmAjout{
	display:inline;
	margin:30px 0 0 40px;
}

#assistant form#frmAjout p label, #assistant form#frmAjout p .label {
	color:#000;
	display:block;
	float:left;
	font-size:0.8em;
	text-align:left;
	width:70px;
}

button{
	background:#E9EDC1;
	border:1px solid #000;
	float:right;
	margin:0 30px 0 0;
	width:55%;
}

#container #assistant h3{
	color:#000;
	margin:0 0 10px 0;
}	

#assistant form{
	width:45%;
	float:left;
}	

#assistant form p{
	margin:5px 0 0 0;
	clear:both;
}	

#assistant form select{
	width:70%;
	float:left;
}	

#assistant form#frmAssistant p a.unlock {
	background:url(images/unlock.gif) no-repeat scroll left top;
	display:block;
	float:left;
	margin:0 0 0 10px;
	height:16px;
	text-indent:-19000px;
	width:16px;
	overflow:hidden;
}	

/*end form*/


/* Clearing floats without extra markup
Based on How To Clear Floats Without Structural Markup by PiE
[http://www.positioniseverything.net/easyclearing.html] */

.clear { display: inline-block; }
.clear:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }
	
  
	/*libelle au survol*/
	/* ----------------------------------------------------------------------------------------------------------------*/

#tooltip {
  border: 1px solid #B2CC4A;
  background: #E6E8AA ;
  color: #000;
  padding: 2px 5px;
  z-index: 1000;
  text-align: left;
  position:absolute;
  font-size:0.9em;
}
