body, td{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin: 0px; padding: 0px; }
body { color: #000000; overflow-y: scroll ;
}
/*******************************************************/
/****************   BLOC PRINCIPAUX    *****************/
/*******************************************************/
#tout, #header, #centre, #footer { width: 760px; }

#tout { margin: 10px auto 0 auto; background-color: #FFFFFF;}

#centre { background: url(images/bandeau01.jpg) no-repeat top; margin-top: 3px;}
#centre .centre { width: 100%; padding: 3px 10px 12px 10px; } 
#centre .centre div{ margin-bottom: 30px }
.gauche { padding-bottom: 18px; }
.droite { }

#footer {
	font-size: 10px;
	background: #B4B465;
	color: #FFFFFF;
	font-weight: bold
}

#footer h4 {
	background: #C3C384;
	color: #FFFFFF;
	height: 20px;
	padding-top: 4px;
	padding-left: 14px;
	margin-top: 10px;
}
#footer p { padding-left: 14px}
/*******************************************************************/
/******************    BALISES GENERALES     **********************/
/*******************************************************************/
p {
	padding: 2px 0px 2px 18px;
	margin: 0px 0px 10px;
}
a {
	text-decoration:none;
	margin: 0px;
	padding: 0px;
}
a:hover { text-decoration: underline;  }

h1,h2,h3,h4,h5,h6 {
	margin:0px;
	color: #990000;
}
#header h1 {
	font-size: 12px;
	font-weight: bold;
	margin-top: 1px;
	margin-left: 18px;
	margin-bottom: 4px;
}

.centre h1 {
	font-size: 22px;
	margin-bottom: 20px;
}
.centre table { width: 100%} /*  Force les tableaux insr  dans le cms  ne pas  clater la page*/
td.centre a{ color: #990000;}
td.centre a:hover{ color: #FFCC33}
h1 {
	font-size: 20px;
}
h2 {
	font-size: 14px;
	margin-bottom: 20px;
}
h3 {
	font-size: 16px;
}
h4 {font-size: 12px;padding: 0 10 0 0; margin-bottom:3px;}

td.text {padding:5px;}
.text p {
	padding-left:10px;
	padding-right: 10px;
}

/* lists */
ul {
	padding-top:0px;
	padding-bottom:4px;
	padding-left: 10px;
	margin: 4px 0px 4px 10px;
	list-style-type: none
}
li { padding-bottom: 6px}

table { margin-bottom: 20px}
table table{ margin-bottom: 0px}
/* forms */
input,textarea,select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background: #FFFFFF;
	border: 1px solid #CCC;
	margin-top: 2px;
}


/*******************************************************************/
/******************        NAVIGATION         **********************/
/*******************************************************************/

/******************** NAV1 *************************/
.nav{
	font-weight: bold;
	color: #FFFFF;
	border-bottom: 2px solid #B3B464;
	 margin-bottom: 2px
}
.nav a {
	font-weight: bold;
	color: #000000;
}
.nav a:hover{color: #FFCF2D}
.nav p{
	margin: 0px;
	background: url(images/puceNav.gif) no-repeat 0px 7px;
	padding-left: 10px;
	font-size: 11px
}
.nav td { padding: 0px 12px}
.nav .linkActive {background: url(images/bgLinkOn.jpg) repeat-x; }
/******************** NAV2 *************************/
table.nav2{
	background-color: #EBEBD6;
	margin-bottom: 4px;
	border-right: 1px dotted #B3B366;
	border-bottom: 1px dotted #B3B366;
	border-left: 1px dotted #B3B366;
}
table.nav2 .tit{
	padding-top: 5px;
	padding-bottom: 6px;
	border-top: 1px solid #B3B366;
	border-bottom: 1px solid #B3B366;
}

table.nav2 .tit h2 {
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	background: #EBEBD6 url(images/puceNav2.gif) no-repeat 2px 4px;
	padding-right: 3px;
	padding-left: 16px;
	margin: 0 0 0 3;
}
.nav2 img { display: block; margin: 0px 3px; }
table.nav2 td{
}
table.nav2 p.link{
	background: #FAFAF5 url(images/puceNav22.gif) no-repeat left 9px;
	margin: 0px 0px 0px 8px;
	padding: 3px 0px 4px 16px;
	border-left: 1px solid #B4B465;
	border-bottom: 1px solid #B4B465;
}
table.nav2 p.link2{
	background: url(images/puceNav23.gif) no-repeat left 9px;
	margin: 0px 0px 0px 8px;
	padding: 3px 0px 4px 16px;
	border-left: 1px solid #B4B465;
}

.nav2_img { border-bottom: 1px solid #FFFFFF}
.nav2_img { padding-top: 4px; background-color: #FFFFFF; margin-left: 1px; margin-right: 1px }
table.nav2 a{
	display: block;
	color: #000000;
}

table.nav2 a:hover{
	color: #990000;
	text-decoration: underline;
}

table.nav2 .linkActive {background-image: url(images/bgLinkOn2.jpg);
	background-repeat: repeat-x;}
.nav2 .prod {
	background: #DCDCBA;
	margin: 6px 9px;
	padding: 4px 4px 4px 4px;
	border: 1px dotted #B3B366;
}
.nav2 .prod a {
	font-size: 11px;
	font-weight: bold;
	color: #990000;
}
.prod p { background-color: #FFFFFF}
/******************** SS_NAV2 *************************/
table.nav3 .tit{ background-color: #FFCF2D; padding-left: 8px; }
table.nav3 .tit h2 { font-size: 14px; font-weight: bold; letter-spacing: 2px; margin: 0}
table.nav3 td{ padding: 2px}
table.nav3 td.nav2_on { background-color:#DFF59C}
table.nav3 td.nav2_on p{ margin: 2px 0px;	padding: 0 0 0 10px; background: url(images/puceNav2_On.jpg) no-repeat 3px 5px; }
table.nav3 td.nav2_off p{ margin: 2px 0px; padding: 0 0 0 10px; background: url(images/puceNav2_Off.jpg) no-repeat 3px 5px; }
table.nav3 a{ color: #4E7500; display: block }
table.nav3 a:hover{background: #447E03;color: #FFFFFF;text-decoration: underline; }


/******************** SS_NAV2 *************************/
table.nav2 .ssnav2{ background-color: white; width: 100%; }
table.ssnav2 a{
	color: #CD5A00;
	padding-left: 4px;
	width: 100%;
}



/**************************  NAV2 JAUNE ****************/
.nav2Yellow { background-color: #FFFF99}
table.nav2Yellow .tit{ background-color: #FFD571; padding-left: 8px; }
table.nav2Yellow .tit h2 { font-size: 14px; font-weight: bold; letter-spacing: 2px; margin: 0}
table.nav2Yellow td{
	padding: 2px;
	color: #993300;
}
table.nav2Yellow p.nav2_on{ margin: 2px 0px; padding: 2px 0 2px 10px; background: url(images/puceNav2_On.jpg) no-repeat 3px 7px #D7F282; }
table.nav2Yellow p.nav2_off{ margin: 2px 0px; padding: 2px 0 2px 10px; background: url(images/puceNav2_Off.jpg) no-repeat 3px 5px; }
table.nav2Yellow a{ color: #4E7500; display: block }
table.nav2Yellow a:hover{background: #447E03;color: #FFFFFF;text-decoration: underline; }

.commande {
	background-color: #FFFFFF;
	border-top: 4px double #BDBD7D;
	border-bottom: 4px solid #BDBD7D;
	border-left: 1px solid #BDBD7D;
	border-right: 1px solid #BDBD7D;
}
.commande table td{ color: #000000; padding: 2px}
.commande .total td{ font-weight: bold; color: #993300; font-size: 12px; /*background: #DFF59C;*/ border-top: 1px solid #DFF59C; border-bottom: 1px solid #DFF59C; }
.total { border-top: 1px solid #000}

/*********	TOOLS	**********/
.tools {
	margin: 0px 4px;
	padding: 0px;
	list-style-type: none;
	height: 20px;
	border-bottom: 1px dotted #CCCCCC;
}
.tools li {
	margin: 0px;
	padding: 0px 0px 0px 18px;
	list-style-type: none;
	background: url(images/printer.gif) no-repeat;
	float: right;
	}
/***************************************************************/
/**************       CLASSES DIVERSES         *****************/
/***************************************************************/

/*************************** header *******************************/
.bgNav {
	background-color: #35418F;
	background-image: url(images/bgNav1.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	vertical-align: middle;
	
}
.drapeaux { width: 200px; }
.drapeauxHome {
	background-image: url(images/home/home03.gif);
	background-repeat: repeat-y;
	vertical-align: inherit;
	padding-left: 16px;
}
.search {
	background: url(images/bgSearch.jpg) repeat-y top;
	height: 14px;
	text-align: right;
	border-top: 3px solid #FFFFFF;
}
.search table td { padding-right: 4px; }

/**  PAVE GAUCHE   ************************************************/

/**  PAVE CENTRE   ************************************************/
.borderDash {
	border: 1px dashed #7C9D37;
	padding: 1px;
}
.submit {
	font-weight: bold;
	border: 1px solid #6CA336;
	background-color: #D5EDB3;
	color: #5C743D;
	height: 16px;
	width: 26px;
}
.submit2 {
	font-weight: bold;
	color: #000000;
	margin-top: 2px;
	margin-bottom: 2px;
	background-color: #FFDA6A;
	padding-top: 1px;
	padding-bottom: 1px;
	border: 1px solid #999999;
}
.submit3 {
	font-weight: bold;
	font-size: 12px;
	color: #000000;
	margin: 2px 0px 10px;
	text-align: center;
	border: 1px solid #999999;
	background: #FFFFFF url(images/arrow.gif) no-repeat 4px center;
	padding: 1px 10px 1px 15px;
}
.submit3 a,.submit3 a:hover{
	color: #000000;
}
.addToCaddie {
	background: #FFE493;
	border: 1px solid #999999;
}
.payOnline {
	border: 1px solid #6CA336;
	background: url(images/cb_images.jpeg) no-repeat center top;
	height: 16px;
	width: 74px;
}
.imgrite {
	margin-left:5px;
	margin-bottom:5px;
}
.imgleft {
	margin-right:5px;
	margin-bottom:5px;
}
.gras {
	font-weight: bold;
}
.lettrine {
	font-size:30px;}
.italique {
	font-style: italic;
	color: #CD5A00;
}
.centrerText {
	text-align: center;
}
.margeBot2 { margin-bottom: 4px} 
.margeBot14 { }
.margeBot10 { margin-bottom: 10px}

td.photoVert {
	vertical-align: inherit;
}
td.photoVert img{ display: block; margin: 4px 4px 10px 4px; float: right }


/*************  contact  ******************************/ 
.formtable{
	color: #000000;
	margin-top: 10px;
}
.asterisk {
	color:#CC0000;
	font-size: 10px;
	text-align: center;
}


/************  FOOTER   ********************************************************************************/
td.up {
	;
	background-color: #E2E5EF;
	padding: 0px;
}
.linkMail { font-size: 11px; color: #993300; font-weight: bold}

td.neteor {
	font-size: 10px;
	padding-top: 2px;
	padding-bottom: 0px;
	color: #993300;
}
/********************************************************************************************************/
.listingHome {
	margin-bottom: 12px;
	border: 1px solid #E9E9D3;
}
.listingHome td{
	vertical-align: top;}

.listingHome h2 {
	background: #FED070;
	padding-top: 4px;
	padding-bottom: 2px;
	text-align: center;
	margin-bottom: 0px;
	letter-spacing: 0px
}
.listingHome li {
	background: url(images/puceCarre.gif) no-repeat 0px 5px;
	padding-left: 8px;
	padding-bottom: 2px;
	margin-bottom: 2px;
}
.listingHome .infos{
	margin-bottom: 6px;
	/*border-bottom: 1px solid #CCCCCC;*/
	border-collapse: collapse
}

.listingHome .infos td{
	border-top: 1px solid #CCCCCC;
	padding: 1px;
}
.listingHome .tit{
	font-size: 11px;
	font-weight: bold;
	background: url(images/puceTit2.gif) no-repeat 2px 6px;
	padding: 2px 4px 4px 14px;
	border-top: 1px solid #DCDCBA
}
.listingHome td.tit2{
	font-size: 11px;
	font-weight: bold;
	padding: 2px 4px 4px 4px;
	border-top: 1px solid #DCDCBA
}

.listingHome .tit a{
	color: #990000;
}

h2.tit2 {
	background: #E9E9D3 url(images/puceTit1.gif) no-repeat left top;
	padding-left: 34px;
	padding-top: 2px;
	color: #000000;
	padding-bottom: 6px;
}

td.button { padding: 4px 0px 4px 0px}

/* AJOUT AU CADDIE EN PAGE D'ACCUEIL*/
table.button2 {
	border-top: 1px dashed #CCCCCC;
	background: #F0F0F0;
}
table.button2 td{
padding: 3px}

table.button2 p{  padding-top: 0px; margin-bottom: 0px;}
.cond {
	/*width: 100%;*/
	
}
.btn { width: 40px}
/**/
.next {
	background: url(images/fleche1.jpg) no-repeat 0px 6px;
	margin-top: 10px;
	padding-left: 16px;
	margin-left: 10px;
}
td.next2 {
	padding-top: 2px;
	border: 1px dashed #B3B464;
	width: 50px;
}
td.next2 p {
	background: url(images/linkDetail.gif) no-repeat 2px 2px;
	padding-left: 16px;
	margin: 0px;
	width: 50px;
}
.margLeft14 { margin-left: 28px}
td.imgtoright {
	padding-top: 3px;
	padding-bottom: 4px;
	padding-right: 2px;
}
.imgtoright img{ float: right; margin-left: 4px; margin-bottom: 4px}
.short_desc {
	margin-bottom: 10px;
	vertical-align: middle;
	margin-top: 4px;
}
.short_desc td{
	vertical-align: middle;
	padding-left: 4px;
}
.short_desc img{ float: right}

.titH1 {
	font-size: 17px;
	background:  #E9E9D3 url(images/puceTit1.gif) no-repeat;
	margin-bottom: 8px;
	padding-bottom: 10px;
	padding-left: 32px
}
/****************    PANIER    ****************/
.caddie {
	margin-bottom: 14px; border-collapse: collapse
	
}
.titcaddie {
	font-size:16px;
	margin-bottom: 4px;
	border-bottom: 1px dashed #999999;
	padding-bottom: 6px;
}
.caddie .tit{
	font-size: 11px;
	font-weight: bold;
	background: #EBEBD6;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 4px;
}
.caddie .tit2{
	font-size: 11px;
	font-weight: bold;
	background: #EBEBD6 url(images/puceTit1.gif) no-repeat;
	padding-bottom: 6px;
	padding-left: 34px;
	padding-top: 0px;
}

.caddie td {
	padding: 4px;
	background: #FFFFFF;
	border: 1px solid #B4B465; 
}
.caddie tr { }
.caddie .gras_rouge{
	font-weight: bold;
	color:#993300;
	font-size: 12px;
}

.message {
	color: #FF0000;
	width: 400px;
	padding: 2px;
	border: 1px dotted #B3B366;
}
.message td {
	font-size: 12px;
	padding: 12px;
}
/*******************************************/
/*****   Page Commande de Produit     ******/
/*******************************************/
.navPay {
	margin-bottom: 20px;
	width: 100%;
	margin-top: 10px;
	height: 24px;
}
.navPay p {
	padding: 6px 0px;
	margin: 0px;
	text-align: center;
}
.navPay td {
	padding: 0px 0px;
	vertical-align: middle;
	font-size: 12px;
}
.navPay_off, .navPay_on { }
.navPay_off p{
	color: #BBBBBB;
	border: 1px solid #CCCCCC;
	padding: 2px 3px;
	font-size: 10px;
}
.navPay_on p{
	color: #000000;
	background: #FFCC33;
	border-top: 2px solid #CC9900;
	border-right: 1px solid #CC9900;
	border-bottom: 2px solid #CC9900;
	border-left: 1px solid #CC9900;
}
 .step1, .step2, .step3{
	width: 12px;
	}
.step1 {
	background: url(images/arrow.gif) no-repeat -1px center;
}
.step2 {
	background: url(images/arrow2.gif) no-repeat -1px center;
}
.step3 {
	background: url(images/trait.gif) repeat-x -1px center;
}

.pay {
	margin-bottom: 10px;
}
.pay td { padding}
.loginForgot {
	line-height: 16px;
	margin-top: 18px;
	padding: 0px;
}
.linkToTheright {
	text-align: right;
}
.listingHome .prodHome {
	padding-bottom: 4px;
	padding-top: 4px;
	border-top: 1px solid #DCDCBA;
	font-size: 10px;
	background: #F8F8F1;
}
.fotoHome img{
	margin-left: 8px;
}

/********	STYLE CMS	*********/
#centre div.cms {width: 520px; margin: 0px 0px 8px 0px;}
div.cms table {
	margin-left: 8px;
	margin-bottom: 6px;
}
div.cms p { padding: 0px; margin: 0px 0px 6px 0px }
div.cms h1 { margin-bottom: 6px}
