body, td{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin: 0px; padding: 0px; }
body { color: #000000; overflow: scroll ;
}
/*******************************************************/
/****************   BLOC PRINCIPAUX    *****************/
/*******************************************************/
#tout, #header, #centre, #footer { width: 760px; }

#tout { margin: 10px auto 0 auto; background-color: #FFFFFF; }
#header { background: #FFFFCC url(images/bgHeader.jpg) no-repeat right top; }

#centre { background: url(images/bandeau01.jpg) no-repeat top; margin-top: 3px; }
#centre .centre { width: 100%; padding: 16px 10px 12px 10px; } 
#centre .centre div{ margin-bottom: 30px }
.gauche { padding-bottom: 18px; }
.droite { }

#footer { font-size: 10px; border-top: 4px double #447E05; border-bottom: 2px solid #447E05; }

/*******************************************************************/
/******************    BALISES GENERALES     **********************/
/*******************************************************************/
p {
	padding: 2px;
	margin: 0px 0px 10px 0px;
}
a {
	text-decoration:none;
	margin: 0px;
	padding: 0px;
}
a:hover { text-decoration: underline;  }

h1,h2,h3,h4,h5,h6 {
	margin:0px;
	font-weight: bold;
	font-family: "Times new roman", Arial, Helvetica, sans-serif;
	color: #993300;
}
#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 inséré dans le cms à ne pas éclater la page*/
h2 {
	font-size: 14px;
	margin-bottom: 10px;
}
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}

/* forms */
input,textarea,select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border: 1px solid #99CC66;
	background: #FFFFFF;
}


/*******************************************************************/
/******************        NAVIGATION         **********************/
/*******************************************************************/

/******************** NAV1 *************************/
.nav{
	font-weight: bold;
	text-align: center;
	border-top: 1px solid #C4D1E1;
	color: #FFFFF;
	background: #447E05;
	width: 100%;
}
.nav a {
	color: #FFFFFF;
	font-weight: normal;
}
.nav a:hover{color: #FFCF2D}
.nav td{
	vertical-align: inherit;
	border-right: 1px solid #447E05;
	border-top: 4px solid #99CC66;
	color: #FFFFFF;
	padding-top: 6px;
	padding-bottom: 6px;
	border-bottom: 2px solid #FFF;
}
.nav td.BorderGreen { border-top-color: #447E05}
.nav .linkActive {background: url(images/bgLinkOn.jpg) repeat-x; }
td.separator {
	background: #FFCF2D;
	width: 1px;
}	
/******************** NAV2 *************************/
table.nav2{background-color: #D7F282; 	}
table.nav2 .tit{
	background-color: #99CC66;
	border-top: 6px solid #FFFFFF;
	padding-left: 8px
}
table.nav2 .borderProd{
	border-bottom: 20px solid #FFFFFF;
	font-size: 6px;
}

table.nav2 .tit h2 {
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	letter-spacing: 1px;
}
.nav2 img { display: block; margin-bottom: 3px; margin-top: 3px; padding-top: 6px; padding-bottom: 6px}
table.nav2 td{
	color: #993300;
	/*padding: 2px;*/
}
table.nav2 .nav2_on {
	margin: 0px 0px;
	padding: 2px 0 2px 12px;
	background: url(images/puceNav2_On.jpg) no-repeat 3px 5px #FDFE98;
}
table.nav2 p.nav2_off{
	margin: 2px 0px;
	padding: 2px 0 2px 10px;
	background: url(images/puceNav2_Off.jpg) no-repeat 3px 7px;
}
.nav2_off, nav2_on, .nav2_img { border-bottom: 1px solid #FFFFFF}
.nav2_img { padding-top: 4px; background-color: #FFFFFF; margin-left: 1px; margin-right: 1px }
table.nav2 a{
	color: #4E7500; display: block
}
.noBorder, table.noBorder td{ border: none}

table.nav2 a:hover{
	background: #447E03;
	color: #FFFFFF;
	text-decoration: underline;
}

table.nav2 .linkActive {background-image: url(images/bgLinkOn2.jpg);
	background-repeat: repeat-x;}
table.nav2 .noBorder { border: none}


/******************** 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 #99CC66;
	border-bottom: 4px solid #99CC66;
	border-left: 1px solid #99CC66;
	border-right: 1px solid #99CC66;
}
.commande table td{ color: #000000;}
.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 red}


/***************************************************************/
/**************       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   ************************************************/
.submit {
	font-weight: bold;
	border: 1px solid #6CA336;
	background-color: #D5EDB3;
	color: #5C743D;
	height: 16px;
	width: 26px;
}
.submit2 {
	font-weight: bold;
	border: 1px solid #6CA336;
	background-color: #D5EDB3;
	color: #5C743D; 
}
.addToCaddie { width: 20px}
.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 { margin-bottom: 14px}
.margeBot10 { margin-bottom: 10px}

td.photoVert {
	vertical-align: inherit;
}
td.photoVert img{ display: block; margin: 4px 4px 10px 4px; }


/*************  contact  ******************************/ 
.formtable{
	color: #000000;
	margin-top: 10px;
}
.asterisk {
	color:#CC0000;
	font-size: 10px;
	text-align: center;
}


/************  FOOTER   ********************************************************************************/
.coords {
	vertical-align: inherit;
	}
.coords h4{
	font-size: 10px;
	font-family: Verdana, Helvetica, sans-serif;
	text-align: center;
	font-weight: bold;
	color: #447E05;
}

.bandoFooter { border-top: 2px solid #000000; border-bottom: 2px solid #000000}
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 {
	border-top: 1px solid #6CA336;
	margin-bottom: 8px;
}
.listingHome td{
	vertical-align: top;}

.listingHome h2 {
	background: #FED070;
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: center;
	margin-bottom: 0px;
	letter-spacing: 1px
}
.listingHome li {
	background: url(images/puceCarre.gif) no-repeat 0px 5px;
	padding-left: 8px;
	padding-bottom: 2px;
	margin-bottom: 2px;
}
.listingHome .infos{
	margin-bottom: 16px;
	/*border: 1px solid #CCCCCC;*/ border-collapse: collapse
}

.listingHome .infos td{
	border: 1px solid #CCCCCC;
	padding: 1px;
}
.listingHome .tit{
	font-size: 11px;
	font-weight: bold;
	background: #FFFF99;
}
td.button { padding: 4px 0px 4px 0px}

/* AJOUT AU CADDIE EN PAGE D'ACCUEIL*/
table.button2 {
	border-top: 1px dashed #CCCCCC;
	padding-top: 3px;
	width: 220px;
	background: #F0F0F0;
	margin-bottom: 0px;
}
table.button2 td{
padding: 3px}

table.button2 p{  padding-top: 0px; margin-bottom: 0px;}
.cond {
	/*width: 100%;*/
	
}
.btn { width: 40px}
.submit3, .submit4 {
	font-weight: bold;
	color: #5C743D;
	padding: 4px;
	cursor: pointer;
	height: 24px;
	width: 70px;
}
.submit3 {
	background: #FFFFFF url(images/iconCaddie.gif) no-repeat center center;}
.submit4 {
	background: #FFFFFF url(images/iconCaddie3.gif) no-repeat center center;}
/**/
.next {
	background: url(images/fleche1.jpg) no-repeat 0px 6px;
	margin-top: 10px;
	padding-left: 16px;
	margin-left: 10px;
}
td.next2 {
	background: #FFFF99;
	padding-top: 4px;
	border: 1px dashed #FFCF2D;
	width: 50px;
}
td.next2 p {
	background: url(images/fleche1.jpg) no-repeat 0px 6px;
	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}
.short_desc img{ float: right}

.titH1 {
	font-size: 20px;
	background:  #D7F282;
	margin-bottom: 8px;
	padding-top: 8px;
	padding-bottom: 10px;
	text-align: center;
}
/****************    PANIER    ****************/
.caddie {
	border-collapse: collapse;
	margin-bottom: 14px;
}
.titcaddie {
	font-size:16px;
	margin-bottom: 4px;
	border-bottom: 1px dashed #999999;
}
.caddie .tit{
	font-size: 11px;
	font-weight: bold;
	background: #FFD571;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 4px;
}
.caddie td { padding: 2px; border: 1px solid #CCCCCC;}
.caddie .gras_rouge{
	font-weight: bold;
	color:#993300;
	font-size: 12px;
}

.message {
	color: #FF0000;
	width: 400px;
	background: #FFFFCC;
	padding: 2px;
}
.message td {
	font-size: 12px;
	padding: 12px;
}
/*********************************************************************************************************/
/*****      CLASSES NON UTILISEE  (à placé ci dessus dans la section correspondante si utilisé)     ******/
/*********************************************************************************************************/
.navPay {
	font-weight: bold;
	width: 100%;
	margin-bottom: 16px;
}
.navPay td { padding: 2px}
.navPay_off, .navPay_on { text-align: center}
.navPay_off {
	color: #BBBBBB;
	border: 1px solid #CCCCCC;
}
.navPay_on {
	color: #000000;
	background: #D5EDB3;
	border: 1px solid #99CC66;
}
 .step1, .step2{
	height: 50px;
	width: 8px;
	}
.step1 {
	background: url(images/arrow.gif) no-repeat 1px 0px;
}
.step2 {
	background: url(images/arrow2.gif) no-repeat 1px 0px;
}
.pay {
	margin-bottom: 10px;
}
.pay td { padding}
.loginForgot {
	line-height: 16px;
	margin-top: 18px;
}
.linkToTheright {
	text-align: right;
}
.listingHome .prodHome {
	padding-bottom: 4px;
	padding-top: 4px
}