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: #B32E5B url(images/bgHeader.jpg) no-repeat right top;
	width: 760px;
	border-bottom: 3px solid #9CD53E;
}

#centre { margin-top: 3px; }
.content { padding: 8px 6px 12px 6px; } 
.gauche { padding-bottom: 18px}
.droite { width: 160px}

#footer { font-size: 10px; border-top: 3px solid #9CD53E; }
#drapeaux {
	margin: 0px 0px 0px 0px;
	padding: 106px 0px 0px 0px;
	list-style-type: none;
	height: 12px;
}
#drapeaux li{ margin: 0px 0px 0px 8px; padding: 0px; float: left}
#drapeaux a {display: block; width: 18px}
#drapeaux a:hover {
	opacity: 0.5; 
	filter:alpha(opacity=50);
   -moz-opacity:0.5;
    -khtml-opacity: 0.5;
   }
/*******************************************************************/
/******************    BALISES GENERALES     **********************/
/*******************************************************************/
p {
	padding: 2px;
	margin: 0px 0px 10px 0px;
}
a {
	text-decoration:none;
	margin: 0px;
	padding: 0px;
	color: #196BDB;
	font-size: 10px;
	font-weight: bold;
}
a:hover {
	text-decoration: underline;
}
h2 a { font-size: 11px; font-weight: bold ; color: #000000}
h1,h2,h3,h4,h5,h6 {
	margin:0px;
	font-weight: bold;
	color: #000000;
}

.content h1 {
	font-size: 22px;
	margin-bottom: 20px;
}
h1 { font-size: 16px}
h2 {
	font-size: 14px;
	margin-bottom: 10px;
}
h3 {
	font-size: 16px;
}
h4 {font-size: 12px;padding: 0 10 0 0; margin-bottom:3px;}


/* lists */
ul {
	padding-top:0px;
	padding-bottom:4px;
	padding-left: 10px;
	margin: 4px 0px 4px 10px
}
li { padding-bottom: 6px}

/* forms */
input,textarea,select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
}
form { margin: 0px; padding: 0px}
table { border-collapse: collapse}
th {
	font-weight: bold;
	background-color:#CEEA9F;
	font-size: 10px;
	padding: 4px;
	border: 1px solid #FFFFFF;}

.content td{ padding: 4px}
/*******************************************************************/
/******************        NAVIGATION         **********************/
/*******************************************************************/

/******************** NAV1 *************************/
.nav{
	text-align: center;
	width: 100%;
}
.nav a {
	font-weight: bold;
	font-size: 9px;
}
.nav a:hover{color: #B32E5B}
.nav td{
	vertical-align: inherit; padding: 6px 0;
}
.nav .on {background: url(images/bgLinkOn.jpg) repeat-x; }
td.separator {
	width: 1px; padding: 0;
	color: #FF9A03;
}	

/******************** NAV2 *************************/
table.nav2{background-color: #FFDDA9; 	}
table.nav2 .tit{
	background-color: #FFDDA9;
	border-bottom: 3px dotted #BA315C;
}
table.nav2 .borderProd{
	border-bottom: 20px solid #FFFFFF;
	font-size: 6px;
}

table.nav2 h2 {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	padding-left: 16px;
	background: #FF9A03 url(images/puceTit1.gif) no-repeat 2px 7px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 0;
}
.nav2 img { display: block; margin-top: 3px;}
table.nav2 td{
	color: #993300;
}
table.nav2 .nav2_on {
	margin: 0px 0px;
	padding: 2px 0 2px 12px;
	background: #FFEED5 url(images/puceNav2_On.gif) no-repeat 3px 5px;
	font-size: 10px;
}
table.nav2 p.nav2_off{
	margin: 0px 0px;
	padding: 2px 0 2px 12px;
	background: url(images/puceNav2_Off.gif) no-repeat 3px 8px;
}
.nav2_off, .nav2_on, .nav2_img {
	border-bottom: 1px solid #FFFFFF;
}
.nav2_img {
	padding-top: 4px;
	margin-left: 1px;
	margin-right: 1px;
	border: none;
}
table.nav2 a{
	display: block;
	padding: 3px 0px;
}
.noBorder, table.noBorder td{ border: none}

table.nav2 a:hover{
	background: #FFEFD7;
}

table.nav2 .noBorder { border: none}
table.infos td { }
.infos p { border-bottom: 1px dotted #FF9A03}
.infos2 td {  
	border: 1px solid #CCCCCC;
	padding: 3px;}
/******************** NAV3 *************************/
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; }

/*************	CADDY NAV DROITE	*************/
.contentCaddy {
	padding: 4px;
	font-size: 10px;
	background-color: #FFEED5;
}
.contentCaddy td{ font-size: 10px}
.contentCaddy table td{ color: #000000; border-bottom: 1px solid #FFF; padding-top: 4px; padding-bottom: 4px}
.contentCaddy .total td{
	font-weight: bold;
	font-size: 12px; /*background: #DFF59C;*/
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	padding: 0px 4px;
}
.total { border-top: 1px solid #000}


/***************************************************************/
/**************       CLASSES DIVERSES         *****************/
/***************************************************************/

/*************************** header *******************************/
.bgLogo {
	background:url(images/logo.gif) no-repeat;
	height: 130px;
	width: 430px;
}
#logo {
	height: 130px;
	width: 130px;
	display: block;
	float: left;
}
/**  PAVE CENTRE   ************************************************/
.submit {
	font-weight: bold;
	border: 1px solid #78C112;
	color: #196BDB;
}
.submit2 {
	font-weight: bold;
	border: 1px solid #6CA336;
	background-color: #FFD571;
	color: #000000;
	font-size: 10px !important; font-size: 9px; padding: auto !important; padding: 0px

}
.payOnline {
	border: 1px solid #6CA336;
	background: url(images/cb_images.jpeg) no-repeat center top;
	height: 16px;
	width: 74px;
}
.gras {
	font-weight: bold;
}
.gras_rouge{
	font-weight: bold;
	color:#993300;
	font-size: 12px;
}
.italique {
	font-style: italic;
	color: #CD5A00;
}
table.margeBot10 { margin-bottom: 10px}

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

/**********		PHOTOS	 (DIV)	*************/
td.imgtoright {
	
}
td.imgtoleft {
}

.imgtoright img, .imgtoright div.photo{ float: right; margin-left: 5px; margin-bottom: 2px; margin-top: 2px}
.imgtoleft img, .imgtoleft  div.photo{ float: left; margin-right: 5px; margin-left: 0px; margin-bottom: 2px;  margin-top: 2px}
div.photo img { float: none; display: block}
div.photo {
font-style: italic; font-size: 10px; text-align: justify; padding: 0px 1px;}
/******		RECETTES PAGE D'ACCUEIL		**********************/
.recetteHome {
	margin-left: 3px;
	width: 171px;
}
.recetteHome table { border-collapse: separate}
.recetteHome td{ padding: 0px}

.recetteHome .preview1 {
	border-left: 1px solid #C0C0C0;
	border-right: 1px solid #C0C0C0;
	padding: 4px 0px;
}
.preview1 p { margin: 3px 0px 0px 0px; padding: 0px}
.recetteHome .titre {
	font-size: 10px;
	text-align: center;
	color: #B32E5B;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 3px;
	background-repeat: no-repeat;
}
table.borderOrange td, td.borderOrange{
	border: 1px dotted #FF9A03;
}

.split {
	border-left: 1px dotted #FF9A03;
}

/*************  contact  ******************************/ 
.formtable{
}
.formtable td{
	padding: 3px;
}
.formtext1 {
	/*background-color: #EEFAC7;*/
}
.formtext2 {
	background-color: #F8F8F8;
}

td.formtit {
	font-size: 12px;
	color: #03473A;
	font-weight: bold;
	padding: 6px 10px 6px 40px;
	vertical-align: inherit;
	background: #E8F1F9 url(images/iconmail.gif) no-repeat 4px center;
}
.formtit h2 {
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
}
.answerMail {
	width: 300px;
	text-align: center;
	margin: 0px auto;
	border: 1px dotted #CCCCCC;
}
.answerMail a:hover { color: #B83526}
.titMail {
	margin-left: 90px;
}
.asterisk { color: #CC0000}
/************  FOOTER   ********************************************************************************/
.coords {
	vertical-align: inherit;
	font-size: 10px;
	font-family: Verdana, Helvetica, sans-serif;
	text-align: center;
	color: #9CD53E
}

.coords a{ color: #000000; font-weight: normal}
td.up {
	;
	background-color: #E2E5EF;
	padding: 0px;
}
.linkMail { }

td.neteor {
	font-size: 10px;
	padding-top: 2px;
	padding-bottom: 0px;
	color: #993300;
}
/************************** LISTINGS	*********************************/
.listingTab {
	padding-bottom: 10px;
	margin-bottom: 3px;
	border-bottom: 1px solid #FFDDA9;
}
.listingTab td{
	padding: 4px;
	/*border: 1px solid #FFFFFF;*/
}

.listingTab h2 {
	margin-bottom: 0px;
	font-size: 11px;
	padding: 6px;
}
.listingTab .desc { margin-bottom: 6px}
.content li {
	padding-bottom: 2px;
	margin-bottom: 2px;
}
.listingTab .infos{
	margin-bottom: 16px;
	border-collapse: collapse
}

.listingTab .infos td{
	border: 1px solid #CCCCCC;
	padding: 3px;
}
.listingTab .tit{
	background: #9CD53E url(images/bgTit1.gif) no-repeat right bottom;
	border: 1px solid #CCCCCC;
}
.droite .infos td { background-color: #FFFFFF}
td.tit { padding: 0px}
h2.tit { padding: 6px}
.champs, tr.champs td {
	font-weight: bold;
	background-color:#DEF1BF;
	font-size: 10px;
	padding: 4px;
	border-bottom: 1px solid #FFFFFF;
}
td.champs2, tr.champs2 td {
	font-weight: bold;
	background-color:#CEEA9F;
	font-size: 10px;
	padding: 4px;
	border-bottom: 1px solid #FFFFFF;
}

td.endLine { background: url(images/bgTit1.gif) no-repeat right bottom}
td.button {
	padding: 4px 0px 4px 0px;
	width: 70px;
}
td.button input { border: none}
.content .preview {
	width: 100px;
}
.nav2 .preview {
border-bottom: 3px solid #FFF}

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

.cond {
	margin-bottom: 2px;
	width: 100%;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
table.cond td {
	/*border: 1px solid #9CD53E;*/
	border-top: 1px dotted #9CD53E;
	border-bottom: 1px dotted #9CD53E;
	padding: 2px;
}
td.linkDetail {
	background-color: #FFFF99;
	border: 1px dashed #FFCF2D;
	padding: 0px;
	width: 70px;
}
td.linkDetail p { background: #FFFF99 url(images/fleche1.jpg) no-repeat 2px 6px; 
	padding-left: 16px; margin: 0px}
p.linkDetail {
	background: #FFFF99 url(images/fleche1.jpg) no-repeat 0px 6px;
	border: 1px dashed #FFCF2D;
	padding-left: 16px;
	margin: 0px;
	padding-top: 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;
}

/**************		MESSAGE SYSTEME		*************/
.message {
	color: #FF0000;
	width: 400px;
	background: #FFFFCC;
	padding: 2px;
	border: 1px dashed #FF0000
}
.message td {
	font-size: 12px;
	padding: 12px;
}

/*********************	CMS	*************************/
.tablo {
	margin-bottom: 8px;
	width: 100%; 
}
.tablo td { }
.tablo .text { padding-right: 10px}

/******************************************/
/*****     PROCESSUS DE PAIEMENT     ******/
/******************************************/
.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: #DEF1BF;
	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 { }
.loginForgot {
	line-height: 16px;
	margin-top: 18px;
}
.linkToTheright {
	text-align: right;
}
p.linkUser {
	background: url(images/user.gif) no-repeat 0px 0px;
	padding-left: 18px; border: none
}
.linkBack {
	background: url(images/back.jpg) no-repeat 0px 5px;
	padding: 1px 1px 1px 18px;
}
.cgv {
	text-align: center;
	margin: 8px 0px;
}

/**************		PAGINATION		***************/
.pagination {
	margin-top: 4px;
	margin-bottom: 4px;
	text-align: center;
}
.pagination li {
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.pagination  a {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
}
/* DONNEES TABULAIRES	*/
.tabloListing {background:#F5F5F5}
.tabloListing td{ border: 1px solid #FFF}
.tabloListing tr.line1 { background:#EAEAEA}
/*.tabloListing tr:hover { background: #FFEFD7; }*/

/**********************************/
.linkToSite {
	background: url(images/fleche1.jpg) no-repeat 0px 7px;
	margin: 0px;
	padding: 2px 2px 5px 16px;
	border-bottom: 2px solid #BA315C;
}
.conseil td {
	border: 1px solid #9CD53E;
	padding: 6px;
}
.noline {
	border: none;
}
.titJaune {
	padding: 3px;
	background-color: #FFD571;
	border: 1px solid #FFB915;
	margin-bottom: 3px;
}

/*********		HTML AREA PROGRESS VENTES		***********/
p.titre_bleu_18pt { color: #196bdb; font-size: 18px; margin-bottom: 4px;}
p.titre_orange_18pt { color: #FF9900; font-size: 18px; margin-bottom: 4px;}
p.titre_vert_18pt { color: #36AC54; font-size: 18px; margin-bottom: 4px;}

p.titre_bleu_14pt { color: #196bdb; font-size: 14px; margin-bottom: 4px;}
p.titre_orange_14pt { color: #FF9900; font-size: 14px; margin-bottom: 4px;}
p.titre_vert_14pt { color: #36AC54; font-size: 14px; margin-bottom: 4px;}

.texte_violet { color: #B6104B;}
.texte_bleu { color: #196bdb;}
.texte_vert { color: #36AC54;}
.texte_orange { color: #FF9900;}