@import url("_layout.css"); /* -- header & footer -- */
@import url("_menu.css"); /* -- menu principal -- */
@import url("_rightcol.css"); /* -- rightcol -- */




/*  ------------------------------------ LAYOUT COLONES */

div#colproduit{
	float: left;
	margin-left: 14px;
	margin-bottom: 25px;
	padding: 0;
	width: 255px;
	height: auto;
	}
	
div#colinfos{
	float: left;
	margin-bottom: 25px;
	padding: 0;
	width: 529px;
	height: auto;
	}

	
	

/*  ------------------------------------ COLONE PRODUIT */

h2{
	clear: left;
	margin:0 0 17px 8px;
	padding:0 0 0 10px;
	color: #29ABE2;
	display: block;
	font: 1.33em/1em arial, sans-serif;
	background-image: none;
	}
	h2 strong{
		text-transform: uppercase;
	}
	

/*  ------------------------------------ COLONE PRODUIT */
h4{
	margin-top: 25px;
	color: #29ABE2;
	font: bold 1.083em/2em arial, sans-serif;
	}
	

div#colproduit a:link, div#colproduit a:active, div#colproduit a:visited, div#colproduit a:hover{
	font: 0.9em/1.2em lighter arial, sans-serif;
	text-decoration: underline;
	color: #384B54;
	}
	



/*  ------------------------------------ COLONE INFOS */
div#colinfos h3{
	font: 1.167em/28px arial, sans-serif;
	color: #fff;
	clear: both;
	padding-left: 53px;
	display: block;
	width: 476px;
	height: 28px;
	background: #ADA395 url(../img_layout/sprite_picto.jpg) no-repeat 19px -126px;
	}
	div#colinfos h3.bleu{
	font: 1.167em/35px arial, sans-serif;
	color: #fff;
	clear: both;
	margin-top: 30px;
	padding-left: 53px;
	display: block;
	width: 476px;
	height: 35px;
	background: #29abe1 url(../img_layout/sprite_titres.jpg) no-repeat -800px 0px;
	}
	
	div#colinfos h3.marron_fonce{
	font: 1.167em/35px arial, sans-serif;
	color: #fff;
	clear: both;
	margin-top: 30px;
	padding-left: 53px;
	display: block;
	width: 476px;
	height: 35px;
	background: #29abe1 url(../img_layout/sprite_titres_marron_fonce.jpg) no-repeat -800px 0px;
	}
	
	div#colinfos h3.marron_clair{
	font: 1.167em/35px arial, sans-serif;
	color: #fff;
	clear: both;
	margin-top: 30px;
	padding-left: 53px;
	display: block;
	width: 476px;
	height: 35px;
	background: #29abe1 url(../img_layout/sprite_titres_marron_clair.jpg) no-repeat -800px 0px;
	}
	
	div#colinfos h3.vert_clair{
	font: 1.167em/35px arial, sans-serif;
	color: #fff;
	clear: both;
	margin-top: 30px;
	padding-left: 53px;
	display: block;
	width: 476px;
	height: 35px;
	background: #29abe1 url(../img_layout/sprite_titres_vert_clair.jpg) no-repeat -800px 0px;
	}
	
	div#colinfos h3.rouge{
	font: 1.167em/35px arial, sans-serif;
	color: #fff;
	clear: both;
	margin-top: 30px;
	padding-left: 53px;
	display: block;
	width: 476px;
	height: 35px;
	background: #29abe1 url(../img_layout/sprite_titres_rouge.jpg) no-repeat -800px 0px;
	}

	div#colinfos h3.gris{
	font: 1.167em/35px arial, sans-serif;
	color: #fff;
	clear: both;
	margin-top: 30px;
	padding-left: 53px;
	display: block;
	width: 476px;
	height: 35px;
	background: #29abe1 url(../img_layout/sprite_titres_gris.jpg) no-repeat -800px 0px;
	}
	
	div#colinfos h3.vert_fonce{
	font: 1.167em/35px arial, sans-serif;
	color: #fff;
	clear: both;
	margin-top: 30px;
	padding-left: 53px;
	display: block;
	width: 476px;
	height: 35px;
	background: #29abe1 url(../img_layout/sprite_titres_vert_fonce.jpg) no-repeat -800px 0px;
	}
	
div#colinfos a#devis, div#colinfos a#commande{
	clear: right;
	float: right;
	display: block;
	width: 133px;
	height: 39px;
	text-indent: -9999px;
	text-decoration: none;
	margin-top: 5px;
	background: transparent url(../img_layout/sprite_btns.jpg) no-repeat 0px -129px;
	}
	div#colinfos a#commande{background-position: 0px -168px;}


div#colinfos p{
	background-color: #ECEEEE;
	padding: 5px 20px 5px 15px;
	color: #384B54;
	
}

div#colinfos p.nomargin{
	font: 0.9em/1.2em lighter arial, sans-serif;
	background-color: #ECEEEE;
	padding: 20px 20px 0px 15px;
	color: #384B54;
	
}

div#colinfos p.chapeau{
	padding: 0 20px 20px 15px;
	color: #29ABE2;
	background-color: transparent;
	
}

ul.liste{
	background-color: #ECEEEE;
	font: 1em/1.2em lighter arial, sans-serif;
	color: #384B54;
	padding: 25px 20px 20px 35px;
	}
	ul.liste li{
		margin-bottom: 5px;
		list-style-type: circle;}
		
ul.listesmall{
	background-color: #ECEEEE;
	font: 0.9em/1.2em lighter arial, sans-serif;
	color: #384B54;
	padding: 15px 20px 10px 35px;
	}
	ul.listesmall li{margin-bottom: 5px;list-style-type: circle;}

	

/*  ------------------------------------ TABLEAU COMMANDE */

table#conditionement{
	width:100%;
	margin-bottom: 25px;
	font: 0.91em/1.2em lighter arial, sans-serif;
	color: #384B54;	
 	}
 
table#conditionementtr.titre td{
	background-color: #ECEEEE;
	text-align: left;
	width:12%;
	padding: 5px;
	}
 
table#conditionement tr td.noborder{
	background-color: #fff;
	text-align: left;
	padding: 0px;
	}
 
table#conditionement tr td.quantite{
	width: 25px;
	text-align: left;
	padding: 3px;
	background: #ECEEEE url(../img_layout/sprite_picto.jpg) no-repeat 50px -87px;
	}
 
table#conditionement tr td { 
	background-color: #D3DCD7;
	padding: 5px;
	border: 1px solid #fff;
	width:auto;
	text-align: center;
	vertical-align: middle;
	}
 
table#conditionement tr td a{
  	display: inline;
	font: 0.72em/12px arial, sans-serif;
	color: #384B54;
	text-decoration: underline;
	margin: 5px 0 0 3px;
	padding: 0px;
  	}
 
 /* modules dynamiques : pages catalogues professionnelle et grand public */
#login {
	position:absolute;
	top:190px;
	left:320px;
	width:248px;
	z-index:1;
	visibility: hidden;
}	

div#colinfos h3.onglet_bleu{
	font: 1.167em/35px arial, sans-serif;
	color: #fff;
	clear: both;
	margin-top: 30px;
	padding-left: 53px;
	display: block;
	width: 476px;
	height: 35px;
	background: #29abe1 url(../img_layout/onglet_sprite_titres.jpg) no-repeat -800px 0px;
	}
	
	div#colinfos h3.onglet_marron_fonce{
	font: 1.167em/35px arial, sans-serif;
	color: #fff;
	clear: both;
	margin-top: 30px;
	padding-left: 53px;
	display: block;
	width: 476px;
	height: 35px;
	background: #29abe1 url(../img_layout/onglet_sprite_titres_marron_fonce.jpg) no-repeat -800px 0px;
	}
	
	div#colinfos h3.onglet_marron_clair{
	font: 1.167em/35px arial, sans-serif;
	color: #fff;
	clear: both;
	margin-top: 30px;
	padding-left: 53px;
	display: block;
	width: 476px;
	height: 35px;
	background: #29abe1 url(../img_layout/onglet_sprite_titres_marron_clair.jpg) no-repeat -800px 0px;
	}
	
	div#colinfos h3.onglet_vert_clair{
	font: 1.167em/35px arial, sans-serif;
	color: #fff;
	clear: both;
	margin-top: 30px;
	padding-left: 53px;
	display: block;
	width: 476px;
	height: 35px;
	background: #29abe1 url(../img_layout/onglet_sprite_titres_vert_clair.jpg) no-repeat -800px 0px;
	}
	
	div#colinfos h3.onglet_rouge{
	font: 1.167em/35px arial, sans-serif;
	color: #fff;
	clear: both;
	margin-top: 30px;
	padding-left: 53px;
	display: block;
	width: 476px;
	height: 35px;
	background: #29abe1 url(../img_layout/onglet_sprite_titres_rouge.jpg) no-repeat -800px 0px;
	}

	div#colinfos h3.onglet_gris{
	font: 1.167em/35px arial, sans-serif;
	color: #fff;
	clear: both;
	margin-top: 30px;
	padding-left: 53px;
	display: block;
	width: 476px;
	height: 35px;
	background: #29abe1 url(../img_layout/onglet_sprite_titres_gris.jpg) no-repeat -800px 0px;
	}
	
	div#colinfos h3.onglet_vert_fonce{
	font: 1.167em/35px arial, sans-serif;
	color: #fff;
	clear: both;
	margin-top: 30px;
	padding-left: 53px;
	display: block;
	width: 476px;
	height: 35px;
	background: #29abe1 url(../img_layout/onglet_sprite_titres_vert_fonce.jpg) no-repeat -800px 0px;
	}
	
	#specialiste ul {
       background-color: #ECEEEE;
	     padding: 5px;
	     color: #384B54;
  }
  
   #specialiste ul {
       background-color: #ECEEEE;
	     padding: 20px;
	     color: #384B54;
	     list-style: circle inside;
  }
  
  div#colinfos h3.onglet_bleu_off{
	font: 1.167em/35px arial, sans-serif;
	color: #fff;
	clear: both;
	margin-top: 30px;
	padding-left: 53px;
	display: block;
	width: 476px;
	height: 35px;
	background: #29abe1 url(../img_layout/onglet_sprite_titres_off.jpg) no-repeat -800px 0px;
	}
	
	div#colinfos h3.onglet_marron_fonce_off{
	font: 1.167em/35px arial, sans-serif;
	color: #fff;
	clear: both;
	margin-top: 30px;
	padding-left: 53px;
	display: block;
	width: 476px;
	height: 35px;
	background: #29abe1 url(../img_layout/onglet_sprite_titres_marron_fonce_off.jpg) no-repeat -800px 0px;
	}
	
	div#colinfos h3.onglet_marron_clair_off{
	font: 1.167em/35px arial, sans-serif;
	color: #fff;
	clear: both;
	margin-top: 30px;
	padding-left: 53px;
	display: block;
	width: 476px;
	height: 35px;
	background: #29abe1 url(../img_layout/onglet_sprite_titres_marron_clair_off.jpg) no-repeat -800px 0px;
	}
	
	div#colinfos h3.onglet_vert_clair_off{
	font: 1.167em/35px arial, sans-serif;
	color: #fff;
	clear: both;
	margin-top: 30px;
	padding-left: 53px;
	display: block;
	width: 476px;
	height: 35px;
	background: #29abe1 url(../img_layout/onglet_sprite_titres_vert_clair_off.jpg) no-repeat -800px 0px;
	}
	
	div#colinfos h3.onglet_rouge_off{
	font: 1.167em/35px arial, sans-serif;
	color: #fff;
	clear: both;
	margin-top: 30px;
	padding-left: 53px;
	display: block;
	width: 476px;
	height: 35px;
	background: #29abe1 url(../img_layout/onglet_sprite_titres_rouge_off.jpg) no-repeat -800px 0px;
	}

	div#colinfos h3.onglet_gris_off{
	font: 1.167em/35px arial, sans-serif;
	color: #fff;
	clear: both;
	margin-top: 30px;
	padding-left: 53px;
	display: block;
	width: 476px;
	height: 35px;
	background: #29abe1 url(../img_layout/onglet_sprite_titres_gris_off.jpg) no-repeat -800px 0px;
	}
	
	div#colinfos h3.onglet_vert_fonce_off{
	font: 1.167em/35px arial, sans-serif;
	color: #fff;
	clear: both;
	margin-top: 30px;
	padding-left: 53px;
	display: block;
	width: 476px;
	height: 35px;
	background: #29abe1 url(../img_layout/onglet_sprite_titres_vert_fonce_off.jpg) no-repeat -800px 0px;
	}