@charset "UTF-8";
/* CSS Document */

/*= Main
-------------------------------------------------------------------------*/

body {
	margin: 0 0 20px 0;
	padding: 0;
	color: #333;
	font: 11px/14px Arial, Helvetica, sans-serif;
	background:#f5f5f5;
}
table, td {
	font: 11px/14px Arial, Helvetica, sans-serif;
}
p {
	padding:0 0 10px 0;
	margin:0;
}

.histoire{
	margin-left:1px;
}

.histoire th, .histoire td{
	border:1px solid #ccc !important;
}

.histoire th{
	text-align:center
}

.histoire td{
	padding-left:5px;
}

.clear {
	clear: both;
}
form, img {
	margin: 0;
	padding: 0;
	border: 0;
}
a {
	color:#006633;
	text-decoration:none;
	cursor: pointer;
	outline:none;
}
a:hover {
	text-decoration:none;
	/*color:#cc9966;*/
	color:#333;
}
hr {
	color: #ccc;
	height: 1px;
	background: #ccc;
	border:0;
}
a#axialDeveloppement {
	display:block;
	background: url(../img/axialDev.gif) no-repeat;
	padding:0 0 0 70px;
	font-size:10px;
	line-height:10px;
	color:#666;
	margin:0;
}
span.white {
	color:#fff;
}
span.small {
	font-size:10px;
	line-height:11px;
}


/*= Forms
-------------------------------------------------------------------------*/

label{
	width:150px;
	display:block;
	float:left;
	text-align:left;
	margin-top:5px;


	}

.loginPage br{clear:both;}
.loginPage {width:80%; margin:0px auto;}
.loginPage p{margin:20px 0px 0px 0px; line-height:16px;}

.loginPage .loginPageUser{float:left; width:300px; }
.loginPage .loginPageUser p {text-align:right; margin-top:0px; clear:both;}
.loginPage .loginPageUser label{width:90px;}
.loginPage .loginPageUser input.champForm{float:right; width:150px; height:20px;}
.loginPage .loginPageUser select.champForm{float:right; width:150px; height:20px;}

.loginPage .loginPageNProfil{float:right; width:200px; }
.loginPage .loginPageNProfil p{margin:0px;}
li#col2 .loginPage .loginPageNProfil .EnvoyerLigne ul {float:left; margin:0px;}

input.champForm{height:14px; padding:2px; font-size:12px;}
select.champForm{height:22px; padding:2px; font-size:12px; margin:0 0 5px;}

.inputSize1{width:40px;}
.inputSize2{width:80px;}
.inputSize3{width:120px;}
.inputSize4{width:160px;}

/*= Paiement
-------------------------------------------------------------------------*/

#visa .champForm{margin-right:3px;}

.paiementOption{width:250px; float:left; display:block; margin-right:20px; line-height:14px;}
#PaymentInfoDiv{width:400px; float:left; display:block; line-height:14px;}
#PaymentInfoDiv div{clear:both; padding:3px 0px;}
#PaymentInfoDiv label{margin:0px;}
#PaymentInfoDiv p{clear:both;}


/*= Titles
-------------------------------------------------------------------------*/

h1 {
	font-size:18px;
	line-height:20px;
	color:#333;
	padding:0;
	margin: 0;
}
h2 {
	font-size:14px;
	line-height:14px;
	color:#333;
	padding:0;
	margin: 0 0 10px 0;
}

h3, h4 {
	font-size:12px;
	color:#333;
	padding:0;
	margin:10px 0 10px 0;
	line-height:13px;
}
h5 {
	font-size:11px;
	color:#333;
	padding:0;
	margin:10px 0 5px 0;
}
blockquote {
	padding:0 0 0 20px;
}
#breadCrumb {
	color:#999;
	font-size:10px;
	margin: 0 0 15px 0;
}
#breadCrumb a {
	color:#666;
}
#breadCrumb a:hover {
	color:#006633;
}
#topPage {
}
#topPage a {
	display:block;
	width:42px;
	height:18px;
	background: url(../img/arrowTop.gif);
	text-indent:-5000px;
	margin:0 auto 0 auto;
}
/*= Layouts
-------------------------------------------------------------------------*/
li#col1 h3 {
	color:#333;
}
li#col2 ul {
	padding:0;
	margin:0 0 20px 0;
}
li#col2 ul li {
	display:list-item;
	list-style:square;
	float:none;
	padding:3px 3px 3px 5px;
	margin:0 0 0 20px;
	border-bottom: 1px solid #eee;
	line-height:14px;
}
li#col2 ol {
	padding:0;
	margin:0 0 20px 0;
}
li#col2 ol li {
	display:list-item;
	list-style:decimal;
	float:none;
	padding:3px 3px 3px 5px;
	margin:0 0 0 20px;
	border-bottom: none;
	line-height:12px;
}
a.urlBoxBrown {
	display:block;
	height:16px;
	background:#006633;
	color:#fff;
	padding: 1px 5px 0 5px;
	margin:5px 0;
	width:110px;
	text-align:center;
}
a.urlBoxBrown:hover {
	background:#d3af7e;
	color:#fff;
}
a.urlBoxBrown span {
	background: url(../img/arrowWhite.gif) no-repeat right 3px;
	padding: 0 10px 0 0;
	font-weight:bold;
	font-size:10px;
}
h3.arrowBig {
	background: url(../img/arrowBig.gif) no-repeat;
	display: block;
	height:21px;
	font-size:14px;
	padding:4px 0 0 30px;
	color:#006633;
}
/*= Inside
-------------------------------------------------------------------------*/

#pageWrapper {
	text-align: left;
	width: 998px;
	margin: 0 auto 0 auto;
	/*padding:0;*/
}
#baseTop {
	text-align: left;
	width: 998px;
	height:20px;
	background:url(../img/bgBaseTop.gif) no-repeat;
}
#base {
	text-align: left;
	width: 998px;
	background:url(../img/bgBase.gif) repeat-y;
}
#baseBottom {
	text-align: left;
	width: 998px;
	height:20px;
	background:url(../img/bgBaseBottom.gif) no-repeat;
}
#header {
	/*height:20px;*/
}
#header #headerLeftSide {
	float:left;
	color:#006940;
	font-weight:bold;
	padding:15px 0 0 20px;
	white-space:nowrap;
}
span#iconPhone {
	background: url(../img/iconPhone.gif);
	height: 11px;
	width: 14px;
	display:block;
	margin:0 5px;
}
#header #headerLeftSide ul {
}
#header #headerLeftSide ul li {
	display:inline;
	float:left;
}
#header #headerRightSide {
	float:right;
}
#header #headerRightSide ul {
	float:right;
	padding:13px 20px 0 0;
}
#header #headerRightSide ul li {
	display:inline;
	float:left;
	color:#ccc;
	padding:0 3px;
}
#header #headerRightSide ul li a {
	color:#666;
	font-weight:bold;
}
#header #headerRightSide ul li a:hover {
	color:#006633;
}
/*= Search
-------------------------------------------------------------------------*/
#searchArea {
	position:relative;
	float:right;
	top:10px;
	right:10px;
}
#searchArea ul {
}
#searchArea ul li {
	display:inline;
	float:left;
}
#searchArea #searchBox {
	width:180px;
	height:20px;
	padding:3px 0 0 5px;
	margin:0;
	background: url(../img/bgSearchCartouche.gif) no-repeat;
	border: none;
	color:#666;
	font-size:11px;
	letter-spacing:-0.5px;
}
#searchBtn {
	cursor:pointer;
	display:block;
	width:20px;
	height:20px;
	background: url(../img/btnSearchCartouche.gif) no-repeat;
	text-indent:-5000px;
}
/* HACK for IE.6 */
* html input#searchBtn {
	cursor:pointer;
	display:block;
	width:20px;
	height:22px;
	background: url(../img/btnSearchCartouche.gif) no-repeat 0px 1px;
	text-indent:-5000px;
}
/* HACK for IE.7 */
*:first-child+html input#searchBtn {
	cursor:pointer;
	display:block;
	width:20px;
	height:22px;
	background: url(../img/btnSearchCartouche.gif) no-repeat 0px 1px;
	text-indent:-5000px;
}
#headerSearch {
	width:948px;
	margin:0 0 0 30px;
	padding:0 0 10px 0px;
}
#btnHome {
	display:block;
	width:172px;
	height:65px;
	background: url(../img/logoLaCartoucherie.gif);
	text-indent:-5000px;
	float:left;
}
/*= Form Pour se connecter
-------------------------------------------------------------------------*/
#areaPourConnecter, #areaConnecte {
	float:right;
	width:700px;
	background: url(../img/bgPourConnecter.gif) no-repeat top right;
	text-align: right;
	padding-top:10px;
	height:76px;

}

#areaConnecte {padding-right:15px;}

#areaPourConnecter .note {
	padding: 8px 10px 5px 10px;
	font-size:12px;
}
#areaPourConnecter a {
	/*display:block;
	padding: 5px 0px;*/
	line-height:22px;
}
#areaPourConnecter #areaPourConnecterFooter {
	background: url(../img/bgPourConnecterBottom.gif) no-repeat right top ;
	height: 11px;
}

#areaPourConnecter .areaPourConnecterTitre{
	color:#0E6E3E;
	font-size:11px;
	font-weight:bold;
	vertical-align:middle;
}

#areaPourConnecter .areaPourConnecterLien{
	margin:0px 17px 0px 0px;
	}

#areaPourConnecter h1 {
	color:#0E6E3E;
	font-size:11px;
	font-weight:bold;
	text-align:left;
	margin:0 0 0 90px;
	float:left;
	width:150px;
}
#areaPourConnecter fieldset {
	border:none;
	padding: 0 10px;
	text-align:right;
}
#areaPourConnecter legend {
	color: #000;
	display:none;
}
#areaPourConnecter label {
	text-align: left;
	color:#666;
	font-size:11px;
	font-weight:bold;
	letter-spacing:-0.5px;
	white-space:nowrap;
	margin-top:0px;
	margin-left:10px;
	float:none;
	width:100px;
	display:inline;
	vertical-align:middle;

}
#areaPourConnecter input {
	color: #000;
	background: url(../img/bgInputPourConnecter.gif) no-repeat;
	border:none;
	padding:4px 8px 1px 5px;
	font-size:11px;
	line-height:11px;
	margin:0;
	width: 138px;
	height:18px;
	margin-left:10px;
	float:none;
	vertical-align:middle;

}
#areaPourConnecter p.submit {
	float:right;
	padding:0;
	margin:0;
}
#areaPourConnecter .submit input {
	color: #fff;
	background: url(../img/bgSubmitPourConnecter.gif) no-repeat;
	border: none;
	display:block;
	width:145px;
	height:20px;
	text-align:center;
	cursor:pointer;
	padding:0 0 3px 0;
	margin-right:5px;
}
#areaPourConnecter fieldset .col1 {
	float:left;
	width:70px;
	padding:3px 5px 0px 0;
}
#areaPourConnecter fieldset .col2 {
	float:left;
	width:145px;
	padding:0 0;
}

#areaPourConnecte a {
	padding: 0 10px;
}

/*= Form Pour se connecter
-------------------------------------------------------------------------*/
#navigationHorizon {
	width:958px;
	margin:0 0 0 30px;
	height:25px;
}

#picHeader {
	margin: 0 0 0 20px;
	height: 130px;
	width: 958px;
}

#picHeaderFondation, #picHeaderGroupeAchat {
	position:relative;
	margin: 0 0 20px 20px;
	height: 130px;
	width: 958px;
}

.bgindex{
	position:absolute;
	z-index:1;
	right:0px;
	bottom:0px;
}

.bgindex2{
	position:absolute;
	z-index:2;
	top:0px
}

#picHeaderFondation img, #picHeaderGroupeAchat img
{
	margin-left:45px;
	margin-top:15px;
}

li#col2 .containerRound{overflow:auto; padding:1px; background:#f1f6f4; border:1px solid #a4c5b7;}

li#col2 ul.explicationFondation, li#col2 ul.explicationFondation li, li#col2 ul.explicationGroupeAchat, li#col2 ul.explicationGroupeAchat li{list-style-type:none; border-style:none; margin:0px; padding:0px;}
li#col2 ul.explicationFondation, li#col2 ul.explicationGroupeAchat {overflow:auto; padding:0px; }
li#col2 ul.explicationFondation li, li#col2 ul.explicationGroupeAchat li{float:left; padding:0px; margin:0px 0px 0px 0px;}
li#col2 ul.explicationFondation li pl, i#col2 ul.explicationGroupeAchat li p {font-size:12px; line-height:16px; margin:0px 0px 10px 0px; padding:0px;}

li#col2 ul.explicationFondation .smallText, li#col2 ul.explicationGroupeAchat .smallText {font-size:11px;}

li#col2 ul.explicationFondation li.col1, li#col2 ul.explicationGroupeAchat li.col1{width:165px; padding-right:10px;}
li#col2 ul.explicationFondation li.col2, li#col2 ul.explicationGroupeAchat li.col2 {width:145px; padding-right:10px; border-right:1px solid #a4c5b7;}
li#col2 ul.explicationFondation li.col3, li#col2 ul.explicationGroupeAchat li.col3 {width:155px; padding-left:10px;}

li#col2 ul.explicationFondation .EnvoyerLigne ul, li#col2 ul.explicationGroupeAchat .EnvoyerLigne ul {float:left; clear:right;}
li#col2 ul.explicationFondation .EnvoyerLigne ul li{}
li#col2 ul.explicationFondation .EnvoyerLigne input, li#col2 ul.explicationGroupeAchat .EnvoyerLigne input {width:120px;}
li#col2 ul.explicationFondation .EnvoyerLigne a, li#col2 ul.explicationGroupeAchat .EnvoyerLigne a {width:120px; border-right:0px none !important; font-size:11px; background:url(../img/arrowShoppingNext.gif) no-repeat scroll right center; margin-right:5px !important;}
li#col2 ul.explicationFondation label, li#col2 ul.explicationGroupeAchat label {margin-bottom:5px;}

li#col2 ul.infoPartenaire {list-style-type:none; padding:0px; margin:0px;}
li#col2 ul.infoPartenaire li{list-style-type:none; clear:left; overflow:auto; border:none; padding:10px 0px; margin:0px; line-height:16px;}
li#col2 ul.infoPartenaire img{margin-right:20px;}
li#col2 ul.infoPartenaire p.soustitre{font-size:14px; font-weight:bold;}
li#col2 p.partenaireSmallText{color:#999999; font-size:11px; line-height:14px;}
li#col2 .partenaireInscription, li#col2 .groupeInscription {color:#ffffff; background:url('/resources/img/btn-inscription-partenaire.gif') no-repeat; width:276px; height:32px; display:block; line-height:30px; text-align:center; margin:0px auto; font-weight:bold;}

li#col2 ul.infoPartenaire ul li, li#col2 ul.infoPartenaire ul{margin:0px; padding:0px;}
li#col2 ul.infoPartenaire ul li{margin-left:15px;}


/* coins rond */

li#col2 .containerRound{}

	li#col2 .containerRound.JSed{padding:0; background:none; border:none;}
	li#col2 .containerRound.JSed table.blocksTable{width:100%; background:#f1f6f4; }
	li#col2 .containerRound.JSed table.blocksTable label{font-size:12px; margin:0px 0px 5px 0px;}
	li#col2 .corners{width:10px; height:10px; font-size:0;}
	li#col2 .IE6Fix{display:none;}

	li#col2 .blockTop .center{background:url(/resources/img/corner-vert-top.gif) repeat-x top;}
	* html li#col2 .blockTop .center{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='/resources/img/corner-vert-top.gif')}
	li#col2 .blockTop .cornerLeft{background:url(/resources/img/corner-vert-01.gif);}
	li#col2 .blockTop .cornerRight{background:url(/resources/img/corner-vert-02.gif);}

	li#col2 .blockMiddle .center{}
	li#col2 .blockMiddle .borderRight{background:url(/resources/img/corner-vert-right.gif);}
	* html li#col2 .blockMiddle .borderRight{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='/resources/img/corner-vert-right.gif')}
	li#col2 .blockMiddle .borderLeft{background:url(/resources/img/corner-vert-left.gif);}
	* html li#col2 .blockMiddle .borderLeft{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='/resources/img/corner-vert-right.gif')}

	li#col2 .blockBottom .center{background:url(/resources/img/corner-vert-bottom.gif) repeat-x bottom;}
	* html li#col2 .blockBottom .center{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='/resources/img/corner-vert-bottom.gif')}
	li#col2 .blockBottom .cornerRight{background:url(/resources/img/corner-vert-03.gif);}
	li#col2 .blockBottom .cornerLeft{background:url(/resources/img/corner-vert-04.gif);}


/* coins rond  fin */

#gridContent {
}
#gridContent ul {
	margin:0 0 0 20px;
}
#gridContent ul li {
	display:inline;
	float:left;
}
#gridContent ul li#col1 {
	width:195px;
	padding:0 0 10px 0;
}
#gridContent ul li#col2 {
	width:528px;
	margin:0 0 0 20px;
	padding:0 0 10px 0;
	font-size:12px;
	line-height:16px;
	/* Overflow 
	overflow:scroll=yes;
	overflow-y:hidden;*/
	position:relative;
}
body#admin #gridContent ul li#col2 {
	width:605px;
	margin:0 0 0 20px;
	padding:0 0 10px 0;
	font-size:12px;
	line-height:16px;
}
#gridContent ul li#col3 {
	width:195px;
	margin:0 0 0 20px;
	padding:0 0 10px 0;
}
#gridContent ul li#col1 ul {
	margin:0;
	padding:0;
}
#gridContent ul li#col1 ul li {
	float:none;
	padding:0;
	margin:0;
}
#gridContent ul li#col1 ul li a, ul.menu li a  {
	color:#333;
	display:block;
	padding:3px 14px 3px 10px;
	border-bottom: 1px solid #e4e4e4;
}
#gridContent ul li#col1 ul li a:hover, ul.menu li a:hover {
	color:#006633;
	background:#eff8f4 url(../img/dropDownArrowHorizontal.gif) no-repeat 3px 6px;
}
li#col2 .contentInsideCols {
}
li#col2 .contentInsideCols ul {
	padding:0;
	margin:10px 0 0 0;
}
li#col2 .contentInsideCols ul li {
	float:left;
	padding:0;
	margin:0;
	/*width:185px;*/
	width:48%;
	text-decoration:none;
	display:inline;
	border:none;
	list-style:none;
	line-height:normal;
}
li#col2 .contentInsideCols ul li.separator {
	width:20px;
}
#credit-cards {
	width: 123px;
	height: 97px;
	background: url(../img/creditCards.gif.gif) no-repeat;
	clear: both;
}

/*= Footer Content
-------------------------------------------------------------------------*/
#footerContent {
	margin: 0 0 0 20px;
	width: 958px;
}
#footerContent #footerContentLeft {
	float:left;
	padding:0 0 0 0px;
}
#footerContent #footerContentRight {
	float:right;
	width:730px;
	margin: 75px 10px 0 0;
}
#footerContent #footerContentRight ul {
}
#footerContent #footerContentRight ul li {
	display:inline;
	float:left;
	color:#ccc;
	padding:10px 3px 0 3px;
}
#footerContent #footerContentRight ul li a {
	color:#999;
}
#footerContent #footerContentRight ul li a:hover {
	color:#006940;
}
/*= Footer
-------------------------------------------------------------------------*/
#footer {
	margin: 0 0 0 20px;
	width: 958px;
}
#footer #footerLeft {
	float:left;
	width:180px;
}
#footer #footerRight {
	float:right;
	width: 750px;
	text-align: right;
}
#footer #footerRight ul {
}
#footer #footerRight ul li {
	display:inline;
	color:#ccc;
	padding:0 2px 0 2px;
	white-space:nowrap;
	font-size:10px;
}
#footer #footerRight ul li a {
	color:#999;
}
#footer #footerRight ul li a:hover {
	color:#006633;
}
/*= Banners
-------------------------------------------------------------------------*/
#flashAnimation {
	padding:0 0 10px 0;
	/*background: url(../img/picFlash.jpg) no-repeat center top;*/
	width:195px;
	height:154px;
}
a#bannerRecuperons {
	display:block;
	width:195px;
	height:117px;
	margin:5px 0 10px 0;
}
a#bannerOuvrirCompte {
	display:block;
	width:195px;
	height:63px;
	margin:0 0 10px 0;
}
a#bannerLivraison {
	display:block;
	width:195px;
	height:121px;
	margin:0 0 10px 0;
}

#livraisonGratuite {background:#ff9c00 url('../img/bannerLivraison_bg01.gif') top left no-repeat;  margin-bottom:13px;}
#livraisonGratuite img{float:right; margin-left:5px;}
#livraisonGratuite span{margin:0px 0px 5px 0px;}
#livraisonGratuite a{color:#ffff00; text-decoration:none;}
#livraisonGratuite a:link, #livraisonGratuite a:visited{color:#ffff00;}
#livraisonGratuite a:hover, #livraisonGratuite a:active{color:#ffffff;}

#livraisonGratuite .container{padding:10px 20px 0px 10px; color:#ffffff; text-align:right; font-size:11px;}
#livraisonGratuite .title{font-size:16px; font-style:italic; font-weight:bold; margin:0px 0px 10px 0px; color:#ffffff; padding:0px;}
#livraisonGratuite .achatTotal{color:#ffff00; font-size:11px; display:block; font-weight:bold;}
#livraisonGratuite .achatRestant1{font-size:13px; display:block; font-weight:bold; margin:0px}
#livraisonGratuite .achatRestant2{font-size:11px; display:block; font-weight:bold; }
#livraisonGratuite .notice{font-size:10px; display:block; line-height:12px; }
#livraisonGratuite .boxBottom{background:url('../img/bannerLivraison_bg02.gif') bottom left no-repeat; height:10px;}


#augmenterQte{background:#e28aec url('../img/bannerQte_bg01.gif') top left no-repeat;  margin-bottom:13px;}
#augmenterQte a{color:#ffffff; text-decoration:none;}
#augmenterQte a:link, #augmenterQte a:visited{color:#ffffff;}
#augmenterQte a:hover, #augmenterQte a:active{color:#ffff00;}

#augmenterQte .container{padding:10px 20px 0px 10px; color:#ffffff; text-align:right; font-size:11px; font-weight:bold; line-height:12px; min-height:80px;}
#augmenterQte .title{font-size:16px; font-style:italic; font-weight:bold; margin:0px 0px 10px 0px; color:#ffffff; padding:0px; line-height:16px;}
#augmenterQte .boxBottom{background:url('../img/bannerQte_bg02.gif') bottom left no-repeat; height:10px;}




/*= Forms Col Right
-------------------------------------------------------------------------*/

.areaForm {
	float:right;
	width:195px;
	background: url(../img/bgFormTop.gif) no-repeat;
	line-height:12px;
	margin:10px 0 10px 0;
	padding:0;
}

.areaForm2 {
	margin:auto;
	width:265px;
	background: url(../img/soy-top.jpg) no-repeat;
	line-height:12px;
	padding:0 0 30px 10px;
}

.areaForm3 {
	background:url("../img/bio-top.png") no-repeat scroll 0 0 transparent;
	line-height:12px;
	margin:auto;
	width:265px;
	position:absolute;
	bottom:5px; right:5px;
	z-index:100;
}

.areaForm hr {
	margin: 0 0 3px 0;
	padding: 0;
}
.areaForm .areaFormFooter {
	background: #fff url(../img/bgFormBottom.gif) no-repeat top;
	height: 10px;
}

.areaForm2 .areaFormFooter2 {
	background: #fff url(../img/soy-bottom.jpg) no-repeat top;
	height: 20px;
	margin-left:-20px;
}

.areaForm3 .areaFormFooter2 {
	background:url(../img/bio-bottom.png) no-repeat top;
	height: 20px;
	left:-1px;
	position:relative;
	top:10px;
}

.areaForm2  hr, .areaForm3  hr{
background:#CCCCCC none repeat scroll 0 0;
border:0 none;
color:#CCCCCC;
height:1px;
margin-left:0;
width:245px;
}

.areaForm2 .titre1 .autre {
	float:left;
	padding-top:6px;
}

.areaForm3 .titre1 .autre {
	float:left;
	padding:6px 5px 0 7px;
}

.areaForm2 .titre1 div, .areaForm3 .titre1 div{
	font-weight:bold;
	float:left;
}

.areaForm2  .titre1, .areaForm3  .titre1{
	height:30px;
	margin:0 0 3px;
}

.areaForm2 div.img-form img {

}

.areaForm2 select.formSelect, .areaForm3 select.formSelect {
	width:190px;
}

.areaForm h1,.areaForm2 h1,.areaForm3 h1 {
	color:#333;
	font-size:10px;
	letter-spacing: -0.5px;
	font-weight:bold;
	margin:2px 0 10px 10px;
}
.areaForm h1,.areaForm2 h1,.areaForm2 h3 {
	border:none;
	padding: 0 10px;

}
.areaForm legend, .areaForm label,.areaForm2 legend, .areaForm2 label,.areaForm3 legend, .areaForm3 label {
	color: #000;
	display:none;

}


li#col2 .areaForm2  input, li#col2 .areaForm3  input {
	background:transparent url(../img/boutton-v.gif) no-repeat scroll 0 0;
	border:medium none;
	color:#FFFFFF;
	cursor:pointer;
	display:block;
	padding-left:20px;
	font-weight:bold;
	height:27px;
	padding:0 0 3px;
	text-align:center;
	width:138px;
	margin-left:27px;
	font-size:12px;
}

.areaForm2 .bioprintSubmitAfficher, .areaForm3 .bioprintSubmitAfficher{
	padding:0px;
	margin:0px;
}

.bioPrintdesc {
	background:url(/resources/img/bg-bio.jpg) no-repeat 0 0;
	width:465px;
	position:relative;
	padding:10px;
	margin:10px 0;
}

.bioPrintdesc h2{
	color:#307109;
	font-family:Georgia,sans-serif;
	font-size:18px;
	font-style:italic;
	font-weight:normal;
	line-height:22px;
	width:265px;
	margin:0 0 20px;
}

.col_bio1 h2 {
	color:#307109;
	font-family:Georgia,sans-serif;
	font-size:34px;
	font-style:italic;
	font-weight:normal;
	line-height:40px;
	margin:0 0 10px;
	width:350px;
}

.bioPrintdesc p {width:195px;}

.col_bio1 {width:350px;}
.col_bio1 hr {
	background:#58ac25;
	color:#58ac25;
	margin:5px 0 15px;
}

li#col2 .col_bio1 ul {margin:5px 0;}
li#col2 .col_bio1 ul li {
	background:url("../img/bio-arrow.gif") no-repeat scroll 0 2px transparent;
	border:0 none;
	list-style:none outside none;
	margin:0;
	padding:0 0 10px 15px;
}

.tige {
	font-size:11px;
	font-style:italic;
	position:absolute;
	right:-14px;
	top:-55px;
	width:179px;
	z-index:10;
}

.green {color:#58ac25;font-weight:bold;}


/*.areaForm label {
	text-align: right;
	display: block;
	color:#333;
	font-weight:bold;
	letter-spacing:-0.5px;
}*/
/*.ligneForm label {
	display: block;
	color:#333;
	font-weight:bold;
	letter-spacing:-0.5px;
	padding:0 0 3px 0;
	font-size:11px;
}*/
.areaForm input, .areaForm2 input {
	color: #000;
	background: url(../img/bgInputPourConnecter.gif) no-repeat;
	border:none;
	padding:4px 5px 1px 5px;
	font-size:11px;
	line-height:11px;
	margin:0;
	display: block;
	width: 95px;
	height:18px;
	overflow:hidden;
}
.areaForm p.submit, .areaForm2 p.submit {
	float:right;
	padding:0;
	margin:0;
}
.areaForm .submit input,.areaForm2 .submit input {
	color: #fff;
	background: url(../img/bgSubmitPourConnecter.gif) no-repeat;
	border: none;
	display:block;
	width:96px;
	height:20px;
	text-align:center;
	cursor:pointer;
	padding:0 0 3px 0;
}
.areaForm fieldset .col1,.areaForm2 fieldset .col1 {
	float:left;
	width:70px;
	padding:3px 5px 0px 0;
}
.areaForm fieldset .col2, .areaForm2 fieldset .col2 {
	float:right;
	width:95px;
	padding:0 0 0px 0;
}
#areaFormSearchArea {
	/*margin:4px 0 4px 0;*/
	margin-left:10px;
}

#areaFormSearchArea input {
	float: left;}

#areaFormSearchArea #searchBox2 {
	width:145px;
	height:16px;
	padding:5px 0 1px 5px;
	margin:0;
	background: url(../img/bgSearchCartouche2.gif) no-repeat;
	border: none;
	color:#666;
	font-size:11px;
	line-height:11px;
	letter-spacing:-0.5px;
}
#searchBtn2 {
	cursor:pointer;
	display:block;
	width:22px;
	height:22px;
	background: url(../img/btnSearchCartouche2.gif) no-repeat;
	text-indent:-5000px;
	padding:0;
	margin:0;
}
/* HACK for IE.6 */
* html input#searchBtn2 {
	cursor:pointer;
	display:block;
	width:22px;
	height:23px;
	background: url(../img/btnSearchCartouche2.gif) no-repeat 0px 1px;
	text-indent:-5000px;
	padding:0;
	margin:0;
}
/* HACK for IE.7 */
#num1 {
	background: url(../img/num1.gif) no-repeat;
	padding:0 0 0 35px;
	font-weight:bold;
	height:30px;
	margin-left:10px;
}
#num2 {
	background: url(../img/num2.gif) no-repeat;
	padding:0 0 0 35px;
	font-weight:bold;
	height:30px;
	margin-left:10px;
}
#num3 {
	background: url(../img/num3.gif) no-repeat;
	padding:0 0 0 35px;
	font-weight:bold;
	height:30px;
	margin-left:10px;
}






.areaForm2 #num1, .areaForm3 #num1 {
	background: url(../img/num1-v.gif) no-repeat;
	padding:0 0 8px 35px;
	font-weight:bold;
	height:30px;
	margin-left:10px;
}

.areaForm2 #num2, .areaForm3 #num2 {
	background: url(../img/num2-v.gif) no-repeat;
	padding:0 0 8px 35px;
	font-weight:bold;
	height:30px;
	margin-left:10px;
}
.areaForm2 #num3, .areaForm3 #num3 {
	background: url(../img/num3-v.gif) no-repeat;
	padding:0 0 0px 35px;
	font-weight:bold;
	height:30px;
	margin-left:10px;
}



#submitAfficher input {
	color: #fff;
	font-weight:bold;
	background: url(../img/bgBtnAfficher.gif) no-repeat;
	border: none;
	display:block;
	width:138px;
	height:27px;
	text-align:center;
	cursor:pointer;
	padding:0px 0 6px 0;
	float:left;
	font-size:12px
}
/* HACK for IE.6 */
* html #submitAfficher input {
/*color: #ffffff;
	font-weight:bold;
	background: url(../img/bgBtnAfficher.gif) no-repeat;
	border: none;
	display:block;
	width:138px;
	height:27px;
	text-align:center;
	cursor:pointer;
	padding:3px 0 3px 0;
	float:right;*/
}
/* HACK for IE.7 */
*:first-child+html #submitAfficher input {
/*color: #ffffff;
	font-weight:bold;
	background: url(../img/bgBtnAfficher.gif) no-repeat;
	border: none;
	display:block;
	width:138px;
	height:27px;
	text-align:center;
	cursor:pointer;
	padding:3px 0 3px 0;
	float:right;*/
}
select.formSelect {
	width:135px;
	font-size:10px;
	letter-spacing:-0.5px;
	margin: 3px 0 0 3px;
}
/*= Specific
-------------------------------------------------------------------------*/
.barrePanier {
	background: url(../img/panier.gif) no-repeat;
	padding:5px 0 10px 28px;
}
.barrePanier a {
	font-weight:bold;
}
li#col2 input {
	border: 1px solid #a9cbbd;
	padding:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background:#dfede8;
	margin:0 0 5px 0;
}
li#col2 textarea {
	border: 1px solid #a9cbbd;
	padding:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background:#dfede8;
	margin:0 0 5px 0;
}
li#col2 .EnvoyerLigne ul.ShoppingCartSubmitFrm{
	background:#0e6e3e;
	margin:10px 0px;
	padding:0px;
	}

li#col2 .EnvoyerLigne ul.ShoppingCartSubmitFrm li{
	border-style:none;
	color:#ffffff;
	margin:0px;
	padding:0px;
	height:30px;
	display:inline;
	}
li#col2 .EnvoyerLigne ul.ShoppingCartSubmitFrm li a{
	color:#ffffff;
	display:block;
	border-right:1px solid #3c9267;
	line-height:16px;
	height:16px;
	padding:0px 5px;
	margin:6px 0px;

}
li#col2 .EnvoyerLigne ul.ShoppingCartSubmitFrm li a.ShoppingCartLastItem{border-right:none;}

li#col2 .EnvoyerLigne ul.ShoppingCartSubmitFrm li a:hover{
	color:#cfe8db;
}

li#col2 .EnvoyerLigne input {
	border:none;
	padding:0px 20px 0px 7px;
	margin:0 5px 0 0;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	cursor:pointer;
	background:#0e6e3e url('../img/arrowShoppingNext.gif') no-repeat center right;
	height:28px;
	overflow:visible
}
li#col2 .EnvoyerLigne ul.ShoppingCartSubmitFrm img{
	margin:0px;
	padding:0px;
	}


li#col2 .EnvoyerLigne input:hover {
	font-weight:bold;
	color:#cfe8db;
}
#messageErreur {
	color:#CC0000;
}
.contourItemFond table {
	border:solid 1px #ccc;
	width:100%;
	margin:0 0 10px 0;
	border-top: none;
}
.contourItemFond table th {
	height:30px;
	border-right: 1px solid #d5d5d5;
	border-bottom: 2px solid #a9a9a9;
	padding:3px;
	background:#ffffff url('../img/bgFontourItemFond.gif') repeat-x bottom left;
	vertical-align:bottom;
	font-size:12px;
	font-weight:bold;
}
.contourItemFond table td {
	border-right: 1px solid #d6d6d6;
	border-bottom: 1px solid #d6d6d6;
	padding:3px;
	vertical-align:text-top;
	line-height:14px;
	font-size:11px;
}

.contourItemQte{
	background:#bde4f4;
	}

li#col2 .contourItemQte .champFormQte{
	width:20px;
	border-style:none;
	background:#ffffff;
}

li#col2 .contourItemQte .champFormQteFocus{
	width:20px;
	border-style:none;
	background:#ffffff;
}

.postalCode {text-transform:uppercase;}

.champFormQte {
	width:20px;
}
table.RefreshShoppingCartFrm {
	width:100%;
	margin:20 0 20px 0;
}
table.RefreshShoppingCartFrm td {
	padding:3px 3px 0 3px;
	vertical-align:text-top;
	line-height:18px;
	font-weight:bold;
	text-align:right;
}
table.RefreshShoppingCartFrm td.total{
	border-top:2px solid #cccccc;
	color:#0099ff;
	font-weight:bold;
}
table.RefreshShoppingCartFrm .ShoppingCartFrmCueillette{
	color:#666666;
	}
table.RefreshShoppingCartFrm .ShoppingCartFrmCueillette #StorePickup{
	margin-left:5px;
	}

#interieur_login {
	background:#eee;
	padding:5px 5px 0 5px;
}
.fond_panier {
}
.fond_panier p {
	padding:3px 0 3px 0;
	margin:0;
	border-bottom: 1px solid #ccc;
}
.fond_panier p.note {
	background:#eee;
	padding:0;
	margin:3px 0 0 0;
}
.ligneForm {
	/*border-bottom: 1px solid #ccc;*/
	line-height:11px;
	margin:0 0 10px 0;
}
.labelForm label {
	font-weight:bold;
	font-size:11px;
}
.labelForm {
	margin:0 10px 0 0;
}
.labelForm p {
	font-weight:bold;
}
.contourItem {
}
.contourItem table {
	width:100%;
	margin:0 0 20px 0;
	border-top: none;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #eee;
}
.contourItem table th {
	border-right: 1px solid #999;
	border-bottom: 2px solid #999;
	/*	background:#ccc;*/
	padding:3px;
	vertical-align:text-top;
	line-height:11px;
	font-size:10px;
}
.contourItem table td {
	border-right: 1px solid #eee;
	padding:3px 5px;
	vertical-align:text-top;
	line-height:12px;
}
.contourItem table tr:hover {
	background:#eee;
}
.contourItem table th {
	font-size:10px;
}
li#col2 .EnvoyerLigne ul {
	padding:0 0 10px 0;
	margin:0;
	float:right;
}
li#col2 .EnvoyerLigne ul li {
	padding:0;
	margin:0 0 0 0;
	display:inline;
	float:left;
	list-style:none;
	font-size:10px;
	font-weight:bold;
}
li#col2 .EnvoyerLigne ul li a {
	display:block;
	padding:3px 5px;
	border-right: 1px solid #ccc;
	border-bottom: 1px none #ccc;
	border-top-style: none;
	border-left-style: none;
}
.formulaireRecherche {
	padding:0;
	text-align:center;
	font-size:11px;
	font-weight:bold;
}
.formulaireRecherche label {
	font-weight:bold;
	font-size:11px;
}
li#col2 .formulaireRecherche ul {
	padding:0;
	margin: 0 0 0 120px;
	text-align:center;
}
li#col2 .formulaireRecherche ul li {
	padding:0 3px;
	margin:0;
	float:left;
	display:inline;
	list-style:none;
	border:none;
}

li#col2 .formulaireRecherche ul li a:hover{
	color:#a07011;
}


#footerContentRight ul {
	float:right;
}
a#btnTop {
	display:block;
	float:left;
	margin:10px 0 0 0;
	padding:0 14px 0 0;
	background: url(../img/arrowTop.gif) no-repeat right 5px;
	color:#999;
}

#creditcard{margin-top:30px;}

.messageAvantBouton{color:#CC0000; font-weight:bold;}
.EnvoyerLigne .messageAvantBouton{display:block; text-align:right; margin:10px 0px;}

/*= Catalogue Styles
-------------------------------------------------------------------------*/
#presentationOriginale {
}

#cartoucheBlocPresentation{}

#cartoucheBlocPresentation .produit {
	/*border: 1px solid #cccccc;*/
}
#cartoucheBlocPresentation .produitCompatible {
	/*border: 1px solid #cccccc;*/
}
#cartoucheBlocPresentation .produitReusine {
	/*border: 1px solid #cccccc;*/
}
#cartoucheBlocPresentation .ptexte {
	color:#999999;
}
#cartoucheBlocPresentation .produitOriginalTitre {
	font-weight:bold;
	font-size:11px;
	color:#0099FF;
}
#cartoucheBlocPresentation .produitOriginalTitre a{color:#0099FF;}

#cartoucheBlocPresentation .produitOriginalPrix {
	font-weight:bold;
	font-size:12px;
	line-height:15px;
}

#cartoucheBlocPresentation .produitOriginalPrix .cartMessageSpecial{
	font-size:11px;
	}

#cartoucheBlocPresentation .produitOriginalDesc{
	font-weight:bold;
}

#cartoucheBlocPresentation span.produitOriginalQuantite , #cartoucheBlocPresentation span.produitbioprintQuantite , #cartoucheBlocPresentation span.produitEconomiqueQuantite {
	color:#006940;
	font-weight:bold;
	font-size:11px;
	line-height:17px;
	display:block;
}

#cartoucheBlocPresentation input.produitOriginalQuantite , #cartoucheBlocPresentation input.produitbioprintQuantite , #cartoucheBlocPresentation input.produitEconomiqueQuantite {
	font-size:11px;
	padding:0px 2px;
	width:32px;
	height:15px;
	border:1px solid #dcdcdc;
	background:#fafff8;
}

#cartoucheBlocPresentation .produitCompatibleTitre {
	font-size:11px;
	color:#006633;
	font-weight:bold;
}

#cartoucheBlocPresentation .produitCompatibleTitre a{color:#006633;}

#cartoucheBlocPresentation .produitCompatiblePrix .cartMessageSpecial{
	font-size:11px;
	}

#cartoucheBlocPresentation .produitCompatiblePrix {
	font-weight:bold;
	font-size:12px;
	line-height:15px;
	color:#cc0000;
}
#cartoucheBlocPresentation .produitCompatibleEconomie {
	font-size:10px;
	color:#FF3333;
	font-weight:bold;
}

#cartoucheBlocPresentation .produitReusineTitre {
	font-size:11px;
	color:#006633;
	font-weight:bold;
	text-align: left;
}
#cartoucheBlocPresentation .produitReusineTitre a{color:#006633;}

#cartoucheBlocPresentation .produitReusinePrix .cartMessageSpecial{
	font-size:11px;
	}

#cartoucheBlocPresentation .produitReusinePrix {
	font-weight:bold;
	font-size:12px;
	line-height:15px;
	color:#cc0000;
}



#cartoucheBlocPresentation .produitbioprintTitre {
	font-size:11px;
	color:#006633;
	font-weight:bold;
	text-align: left;
}
#cartoucheBlocPresentation .produitbioprintTitre a{color:#006633;}

#cartoucheBlocPresentation .produitbioprintPrix .cartMessageSpecial{
	font-size:11px;
	}

#cartoucheBlocPresentation .produitbioprintPrix {
	font-weight:bold;
	font-size:12px;
	line-height:15px;
	color:#cc0000;
}



#cartoucheBlocPresentation .produitEconomiqueTitre {
	font-size:11px;
	color:#006633;
	font-weight:bold;
	text-align: left;
}
#cartoucheBlocPresentation .produitEconomiqueTitre a{color:#006633;}

#cartoucheBlocPresentation .produitEconomiquePrix .cartMessageSpecial{
	font-size:11px;
	}

#cartoucheBlocPresentation .produitEconomiquePrix {
	font-weight:bold;
	font-size:12px;
	line-height:15px;
	color:#cc0000;
}


#cartoucheBlocPresentation .produitPhotoContainer{
	float:left;
	margin-right:20px;
	margin-bottom:10px;

}

#cartoucheBlocPresentation .produitPhotoCouleurOriginale {
	/*float:left;
	margin-right:10px;
	margin-bottom:10px;*/
	height:100px;
	width:100px;
	border:1px solid #CCCCCC;
	text-align:center;
}


#cartoucheBlocPresentation .produitPhotoCouleurAutre {
	/*float:left;
	margin-right:10px;
	margin-bottom:10px;*/
	height:100px;
	width:100px;
	border:1px solid #CCCCCC;
	text-align:center;
}
#cartoucheBlocPresentation .produitReusineEconomie {
	line-height:20px;
	font-size:10px;
	color:#FF3333;
	font-weight:bold;
}
#cartoucheBlocPresentation p {
	margin:0 0 5px 0;
	padding:0;
	text-align: left;
}
#cartoucheBlocPresentation hr {
	color: #ccc;
	height: 1px;
	background: #ccc;
	border:0;
}
#presentationCompatible {
	/*	width:266px;*/
	width:190px;
	float:left;
}
#presentationReusine {
	/*margin-left:292px;*/
	float:left;
	padding:0 0 0 190px;
	width:190px;
}
/*.presentationProduits {
	display:block;
	padding:10px 10px 0 10px;
	margin-bottom:10px;
	float:none;
	background-image:url(/img/fond_catalogue.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	min-height:165px;
	height:auto !important;
	height:120px;
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #EFF5FC;
	border-right-color: #DAE3F3;
	border-bottom-color: #DAE3F3;
	border-left-color: #EFF5FC;
}*/
.presentationProduits {
	display:block;
	float:left;
	/*	min-height:190px;
	height:auto !important;*/
	font-size:10px;
	line-height:11px;
	margin:0 0 0px 0;
	padding:0 0 20px 0;
	/*border: 1px solid #000;*/
	width:260px;

}

.presentationProduitsLarge {
	display:block;
	float:left;
	/*	min-height:190px;
	height:auto !important;*/
	font-size:10px;
	line-height:11px;
	margin:0 0 0px 0;
	padding:0 0 20px 0;
	/*border: 1px solid #000;*/
	width:520px;

}

.presentationOriginale {
	width:250px;
	/*height:122px;*/
	margin:0 10px 25px 0;
	float:left;

}
.presentationAutre {
	width:250px;
	/*height:122px;*/
	margin: 0 0 25px 0;
	/*background:#090;*/
	float:left;

}
.sansOriginale {
	height:120px;
	background: url(/img/fond_sans_orig.jpg) no-repeat 130px center;
	float:left;
	margin:0 0 25px 0;

}
#cartoucheBlocPresentation .sansOriginale P {
	/*font-size:10px;*/
	margin: 0px 8px 0px 0px;
	background:#f8ffd8;
	color:#666666;
	display:block;
	width:100px;
	height:100px;
	padding:10px;
}

#cartoucheBlocPresentation td .produitCouleur {
	background-position:left -3px;
	*background-position:left 0px;
}

#cartoucheBlocPresentation .produitCouleur {
	background-position:left -3px;
	background-repeat:no-repeat;
	display:block;
	float:left;
	font-size:80%;
	height:20px;
	margin-top:12px;
	padding-bottom:2px;
	padding-left:35px !important;
	padding-right:2px;
	padding-top:2px;
	width:350px;
	font-weight:bold;
	margin-left:10px;
	}

#cartoucheBlocPresentation .presentationOriginale  .produitCouleur {
	margin-top:5px;
}

#cartoucheBlocPresentation .produitNom{
	font-size:14px;
	font-weight:bold;
	line-height:14px;
	color:#333;
	padding:0;
	margin: 15px 0 15px 0;
	display:block;
	width:auto;
	Float:left
}

#cartoucheBlocPresentation .produitCouleur P {
	text-align:left;
	margin:0;
	padding:0px 0px 0px 30px;
	font-weight:normal;
	line-height:12px;

}


/*COULEURS POUR PRODUITS */

/*** magenta ***/

.magenta {
	background-image: url(/img/fond_magenta_n.jpg);
}
/*
.bioprint .magenta {
	background-image: url(/img/soyer/fond_magenta_n.gif);
}

.recycle .magenta {
	background-image: url(/img/recycler/fond_magenta_n.gif);
}

.economique .magenta {
	background-image: url(/img/economique/fond_magenta_n.gif);
}

.compatible .magenta {
	background-image: url(/img/compatible/fond_magenta_n.gif);
}
*/
/*** jaune ***/

.jaune {
	background-image: url(/img/fond_jaune_n.jpg);
}
/*
.bioprint .jaune {
	background-image: url(/img/soyer/fond_jaune_n.gif);
}

.recycle .jaune {
	background-image: url(/img/recycler/fond_jaune_n.gif);
}

.economique .jaune {
	background-image: url(/img/economique/fond_jaune_n.gif);
}

.compatible .jaune {
	background-image: url(/img/compatible/fond_jaune_n.gif);
}
*/

/*** cyan ***/

.cyan {
	background-image: url(/img/fond_cyan_n.jpg);
}
/*
.bioprint .cyan {
	background-image: url(/img/soyer/fond_cyan_n.gif);
}

.recycle .cyan {
	background-image: url(/img/recycler/fond_cyan_n.gif);
}

.economique .cyan {
	background-image: url(/img/economique/fond_cyan_n.gif);
}

.compatible .cyan {
	background-image: url(/img/compatible/fond_cyan_n.gif);
}
*/
/*** noir ***/

.noir {
	background-image: url(/img/fond_noir_n.jpg);
}
/*
.bioprint .noir {
	background-image: url(/img/soyer/fond_noir_n.gif);
}

.recycle .noir {
	background-image: url(/img/recycler/fond_noir_n.gif);
}

.economique .noir {
	background-image: url(/img/economique/fond_noir_n.gif);
}

.compatible .noir {
	background-image: url(/img/compatible/fond_noir_n.gif);
}
*/
/*** na ***/

.na {
	background-image: url(/img/fond_na.jpg);
}
/*

.bioprint .na {
	background-image: url(/img/soyer/fond_na.gif);
}

.recycle .na {
	background-image: url(/img/recycler/fond_na.gif);
}

.economique .na {
	background-image: url(/img/economique/fond_na.gif);
}

.compatible .na {
	background-image: url(/img/compatible/fond_na.gif);
}
*/

/*** couleur ***/

.couleur {
	background-image: url(/img/fond_couleur_n.jpg);
}
/*
.bioprint .couleur {
	background-image: url(/img/soyer/fond_couleur_n.gif);
}

.recycle .couleur {
	background-image: url(/img/recycler/fond_couleur_n.gif);
}

.economique .couleur {
	background-image: url(/img/economique/fond_couleur_n.gif);
}

.compatible .couleur {
	background-image: url(/img/compatible/fond_couleur_n.gif);
}
*/
/*** bleu ***/

.bleu {
	background-image: url(/img/fond_bleu.gif);
}
/*
.bioprint .bleu {
	background-image: url(/img/soyer/fond_bleu.gif);
}

.recycle .bleu {
	background-image: url(/img/recycler/fond_bleu.gif);
}

.economique .bleu {
	background-image: url(/img/economique/fond_bleu.gif);
}

.compatible .bleu {
	background-image: url(/img/compatible/fond_bleu.gif);
}
*/
/*** cyan photo ***/

.cyan_photo {
	background-image: url(/img/fond_cyan_photo.gif);
}
/*
.bioprint .cyan_photo {
	background-image: url(/img/soyer/fond_cyan_photo.gif);
}

.recycle .cyan_photo {
	background-image: url(/img/recycler/fond_cyan_photo.gif);
}

.economique .cyan_photo {
	background-image: url(/img/economique/fond_cyan_photo.gif);
}

.compatible .cyan_photo {
	background-image: url(/img/compatible/fond_cyan_photo.gif);
}
*/
/*** gloss ***/

.gloss {
	background-image: url(/img/fond_gloss.gif);
}

/*** jaune photo **/

.jaune_photo {
	background-image: url(/img/fond_jaune_photo.gif);
}
/*
.bioprint .jaune_photo {
	background-image: url(/img/soyer/fond_jaune_photo.gif);
}

.recycle .jaune_photo {
	background-image: url(/img/recycler/fond_jaune_photo.gif);
}

.economique .jaune_photo {
	background-image: url(/img/economique/fond_jaune_photo.gif);
}

.compatible .jaune_photo {
	background-image: url(/img/compatible/fond_jaune_photo.gif);
}
*/
/*** magento photo ***/

.magenta_photo {
	background-image: url(/img/fond_magenta_photo.gif);
}

/***noir leger ***/

.noir_leger {
	background-image: url(/img/fond_noir_leger.gif);
}
/*
.bioprint .noir_leger {
	background-image: url(/img/soyer/fond_noir_leger.gif);
}

.recycle .noir_leger {
	background-image: url(/img/recycler/fond_noir_leger.gif);
}

.economique .noir_leger {
	background-image: url(/img/economique/fond_noir_leger.gif);
}

.compatible .noir_leger {
	background-image: url(/img/compatible/fond_noir_leger.gif);
}
*/
/*** noir léger léger ***/

.noir_leger_leger {
	background-image: url(/img/fond_noir_leger_leger.gif);
}

/*** noir photo ***/

.noir_photo {
	background-image: url(/img/fond_noir_photo.gif);
}
/*
.bioprint .noir_photo {
	background-image: url(/img/soyer/fond_noir_photo.gif);
}

.recycle .noir_photo {
	background-image: url(/img/recycler/fond_noir_photo.gif);
}

.economique .noir_photo {
	background-image: url(/img/economique/fond_noir_photo.gif);
}

.compatible .noir_photo {
	background-image: url(/img/compatible/fond_noir_photo.gif);
}
*/
/*** rouge ***/

.rouge {
	background-image: url(/img/fond_rouge.gif);
}
/*
.bioprint .rouge {
	background-image: url(/img/soyer/fond_rouge.gif);
}

.recycle .rouge {
	background-image: url(/img/recycler/fond_rouge.gif);
}

.economique .rouge {
	background-image: url(/img/economique/fond_rouge.gif);
}

.compatible .rouge {
	background-image: url(/img/compatible/fond_rouge.gif);
}
*/
/*** tambour cyan ***/

.tambour_cyan {
	background-image: url(/img/fond_tambour_cyan.gif);
}
/*
.bioprint .tambour_cyan {
	background-image:url(/img/soyer/fond_tambour_cyan.gif);
}

.recycle .tambour_cyan {
	background-image:url(/img/recycler/fond_tambour_cyan.gif);
}

.economique .tambour_cyan {
	background-image:url(/img/economique/fond_tambour_cyan.gif);
}

.compatible .tambour_cyan {
	background-image:url(/img/compatible/fond_tambour_cyan.gif);
}
*/
/*** tambour magenta ***/

.tambour_magenta {
	background-image: url(/img/fond_tambour_magenta.gif);
}
/*
.bioprint .tambour_magenta {
	background-image:url(/img/soyer/fond_tambour_magenta.gif);
}

.recycle .tambour_magenta {
	background-image:url(/img/recycler/fond_tambour_magenta.gif);
}

.economique .tambour_magenta {
	background-image:url(/img/economique/fond_tambour_magenta.gif);
}

.compatible .tambour_magenta {
	background-image:url(/img/compatible/fond_tambour_magenta.gif);
}
*/
/*** tambour jaune ***/

.tambour_jaune {
	background-image: url(/img/fond_tambour_jaune.gif);
}
/*
.bioprint .tambour_jaune {
	background-image: url(/img/soyer/fond_tambour_jaune.gif);
}

.recycle .tambour_jaune {
	background-image: url(/img/recycler/fond_tambour_jaune.gif);
}

.economique .tambour_jaune {
	background-image: url(/img/economique/fond_tambour_jaune.gif);
}

.compatible .tambour_jaune {
	background-image: url(/img/compatible/fond_tambour_jaune.gif);
}
*/
/*** tambour noir ***/

.tambour_noir {
	background-image: url(/img/fond_tambour_noir.gif);
}
/*
.bioprint .tambour_noir {
	background-image: url(/img/soyer/fond_tambour_noir.gif);
}

.recycle .tambour_noir {
	background-image: url(/img/recycler/fond_tambour_noir.gif);
}

.economique .tambour_noir {
	background-image: url(/img/economique/fond_tambour_noir.gif);
}

.compatible .tambour_noir {
	background-image: url(/img/compatible/fond_tambour_noir.gif);
}
*/
/*** tambour transparant ***/


.tambour , .tambour_transparent {
	background-image: url(/img/fond_tambour_transparent.gif);
}
/*
.bioprint .tambour_transparent {
	background-image: url(/img/soyer/fond_tambour_transparent.gif);
}

.recycle .tambour_transparent {
	background-image: url(/img/recycler/fond_tambour_transparent.gif);
}

.economique .tambour_transparent {
	background-image: url(/img/economique/fond_tambour_transparent.gif);
}

.compatible .tambour_transparent {
	background-image: url(/img/compatible/fond_tambour_transparent.gif);
}
*/
#contenupageSecondaire h4{
	font-size:16px;
	margin-top:0px;
	margin-bottom:5px;
}

/* Panier */

li#col2 ul#panierStepsContainer{
	list-style-type:none;
	list-style-image:none;
	margin:0px;
	padding:0px;
	}

li#col2 ul#panierStepsContainer li{
	list-style-type:none;
	list-style-image:none;
	display:inline;
	float:left;
	margin:10px 40px 5px 0px;
	padding:0px;
	height:26px;
	line-height:26px;
	font-weight:bold;
	font-size:11px;
	border-style:none;
	}

.panierStepsSelected{color:#006633;}
.panierStepNrbSelected{font-size:36px; display:block; float:left; width:30px;}

.panierSteps{color:#666666;}
.panierStepNrb{font-size:36px; display:block; float:left; width:30px; color:#cccccc;}


.cartMessage{background:#eaeaea; overflow:hidden; margin:10px 0px 20px 0px; padding:4px;}
.cartMessage div{font-size:11px; display:block;  width:345px; padding:5px; line-height:14px;}

.cartMessageLivraison .cartMessageTitre{display:block; float:left; margin-right:15px; text-align:right; font-weight:bold; width:60px;}
.cartMessageLivraison{background:#ffd65b; float:left; color:#993300;}

.cartMessagePerso{background:#bde4f4; float:right; color:#166484;}
.cartMessagePerso .cartMessageTitre{font-weight:bold;}

.cartMessageSpecial{color:#cc0000; font-weight:bold;}



/*= Commande rapide
-------------------------------------------------------------------------*/


.CommandeRapideHeader{background:#cccccc; padding:5px 10px; color:#000000; overflow:auto;}
.CommandeRapideHeader h3{color:#000000; margin:0px; width:500px; float:left;}
.CommandeRapideHeader .petitLien{float:right; font-weight:bold;}


/*= Table styles
-------------------------------------------------------------------------*/

table.tableData {
	border-bottom: 2px solid #d6d6d6;
	width:520px;

}
table.tableData td {
	font-size: 11px;
	padding: 3px 5px;
	line-height: 11px;
	width:50%;
	border-top: 1px dotted #d6d6d6;
	border-right: none;
	border-bottom: none;
	border-left: none;

}
/*table.tableData tr {
}
table.tableData tr.over td, table.tableData tr:hover td {
	background: #eee;
}
*/
table.tableData td.over td, table.tableData td:hover {
	background: #eee;
}

.container-cat
{
	line-height:14px;
}

/*= client Page
-------------------------------------------------------------------------*/
body#client li#col2 {
	width:723px;
}
body#client li#col1 {
	display:none;
}
/*= END
-------------------------------------------------------------------------*/


/*= Styles pour historique de la commande côté client
-------------------------------------------------------------------------*/

.historiqueCommande
{
    font: normal normal normal 11px/14px Arial, Helvetica, sans-serif;
}

.dateHistoriqueCommande
{
    font-weight: bold;
}


/*= Styles pour les items supprimés d'une commande
-------------------------------------------------------------------------*/

.itemCommandeSupprime
{
    background-color: #f8bebe;
    text-decoration: line-through;
}


/*Navigation enregistrements liste commandes*/

.navigationEnregistrements {
    width:100%;
    font-size: 10px;
    padding-bottom: 4px;
    height: 20px;
}
.navigationEnregistrements A:LINK, .navigationEnregistrements A:VISITED, .navigationEnregistrements A:ACTIVE{
    text-decoration:none;
    color: #93b8e8;
}
.navigationEnregistrements A:hover{
text-decoration:underline;
}
.navigationEnregistrements .suivants img{
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    margin-right: 0px;
    margin-left: 2px;
}
.navigationEnregistrements .precedents img{
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    margin-right: 2px;
    margin-left: 0px;
}
.navigationEnregistrements .suivants{
text-align:right;
float:right;
display:block;
    width:50%;

}
.navigationEnregistrements .precedents{
float:left;
display:block;
    width:50%;
}
.navigationEnregistrementsPage P{
    text-align:center;
    margin:0px;
    padding:0px;
    font-size: 10px;
}
.navigationEnregistrementsPage A:LINK, .navigationEnregistrementsPage A:VISITED, .navigationEnregistrementsPage A:ACTIVE, .navigationEnregistrementsPage A:HOVER{
    color: #93b8e8;
    text-decoration: underline;
}
