/* CSS Document */

/*-----> Redifinitions de balises <-----*/

body {
	margin: 0;
	background-color: #FBE9B9;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #444444;
}
@font-face {
    font-family: 'CACPinaforeRegular';
    src: url('cacpinaf-webfont.eot');
    src: url('cacpinaf-webfont.eot?#iefix') format('embedded-opentype'),
         url('cacpinaf-webfont.woff') format('woff'),
         url('cacpinaf-webfont.ttf') format('truetype'),
         url('cacpinaf-webfont.svg#CACPinaforeRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
	form {
		margin: 0;
		padding: 0;
	}

	table {
		border-collapse: collapse;
	}
	
	a, table a, table td a {
		color: #666666;
		text-decoration: none;
	}
	a:hover, table a:hover, table td a:hover  {
		color: #CC0000;
	}
	a img {
		text-decoration: none;
		border:0;
	}
	textarea {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #666666;
		padding: 2px;
	}


/*-----> Zones principales du doc. <-----*/

#conteneur {
	position: absolute;
	left: 50%;
	width: 994px;
	margin-left: -498px;
}

#header {
	height: 218px;
	background: url(../../images/commun/bkg_frise_top.gif) repeat-x top left;
    width:900px;
    margin:0px 47px;
}




#footer {
	text-align: right;
	padding: 17px 20px 17px 0;
}
#footer {
	text-align: right;
	padding: 17px 0px 17px 0;
	width:325px;
	margin:0px auto;
	color:#b11836;
}
#footer_page {
	text-align: right;
	padding: 17px 20px 17px 0;
	/* background: url(../../images/commun/bkg_contenu.gif) repeat-y bottom right;*/
}
#footer_page {
	text-align: right;
	padding: 17px 0px 17px 0;
	width:325px;
	margin:0px auto;
	color:#b11836;
}

#pathway {
	padding: 27px 0 27px 0;
}
#pathway a {
	text-transform: uppercase;
}
	/*-> Zone des pages */
	.col_left {
		float: left;
		width: 218px;
		margin:0;
		padding: 0;
	}
	.col_left #inscription,
	.col_left #login,
	.col_left #bienvenue {
		float: right;/**/
	}
	.col_right {
		float: left;
		background-color: #FFFFFF;
		width: 863px;
		min-height: 690px;
		height: auto !important;
		height: 690px;
		margin:0;
		padding: 0 17px 0 17px;
	}
	
	.data_recettes {
		margin-top: 13px;
		width: 840px;
		background-color: #FFF;
		margin-left:10px;
	}

/*-----> Zone Navigation générale <-----*/

/*
#nav_generale {
	position: absolute;
	top: 16px;
	left: 35px;
	text-align: left;
}
.fd_menu {
	position: absolute;
	background-color: #FFFFFF;
	width: 142px;
   height: 245px;
	filter: alpha(opacity=60);
	opacity:0.60;
	float: left;
}
.bande_1 {
	position: absolute;
	background-color: #FFFFFF;
	width: 15px;
	left:142px;
   height: 245px;
	filter: alpha(opacity=80);
	opacity:0.80;
	float: left;
}
.bande_2 {
	position: absolute;
	background-color: #FFFFFF;
	width: 15px;
	left:157px;
   height: 245px;
	filter: alpha(opacity=60);
	opacity:0.60;
	float: left;
}
	
	#nav_generale ul {
		position: absolute;
		list-style: none;
		margin: 0;
		padding: 0 0 0 12px;
		z-index: 200;
		top: 0px; left: 0px;
	}
	
		#nav_generale ul li {
			text-transform: uppercase;
			background: url(../../images/commun/points_blanc_hor.gif) no-repeat bottom left;
			padding: 6px 0 8px 0;
		}
		#nav_generale ul li a  {
			display: block;
			width: 130px;
			color: #000000;
			text-decoration: none;
			font-size: 10px;
			font-weight: bold;
		}
		#nav_generale ul li a:hover  {
			color: #CC0000;
			background: url(../../images/buttons/arrow_link_main.gif) no-repeat center right;
		}
		
		#nav_generale ul ul {
			display: none;
		}*/

/*-----> Zones header <-----*/
.logo {
	height:84px;
	float:left;
}

#recherche {
	height:25px;
	width: 355px;
	float:right;
	text-align: right;
	position: relative;
}

#recherche_avancee {
	position: relative;
	z-index: 99;
	/*width: 355px;
	*width:330px;*/
}

.accroche {
	margin-top: 41px;
}

.grey_line {
	border-bottom: 1px solid #A5ACB2;
}
@font-face { font-family: Cacpinaf; src: url('CACPINAF.TTF');  } 
		/*--> Formulaire recherche */
		#ze_search {
			margin: 0 0px 0 0;
			padding: 0px 0px 0px 0;
			/*width: 355px;
			*width:330px;*/
			text-align: left;
			display: block;
		}
		#ze_search label {
			font-size: 10px;
		}
		#ze_search input.keyWords {
			font-size: 10px;
			width: 107px;
			padding: 0 4px 0 4px;
			vertical-align: middle;
			border: 1px solid #A5ACB2;
			position: relative;
		}
		#ze_search .search_select {
			font-size: 10px;
			width: 115px;
			padding: 0 4px 0 4px;
			vertical-align: middle;
			border: 1px solid #A5ACB2;
		}
		#ze_search .go_search {
			width: 37px;
			height: 16px;
		}
		#ze_search img  {
			vertical-align: middle;
		}
		
		/*--> Styles specifiques recherche avancee */
		#top_form {
			margin: 0;
			padding: 0;
		}
		.fond_middle {
			background: url(../../images/search/bkg_middle.png) no-repeat top left !important;
			background: none;
			height: auto !important;
			height: 220px;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.oetker.fr/club-patissier/images/search/bkg_middle.png');
		}
		#criteres {
			position: relative;
			display: none;
		}
		#close {
			position: relative;
			visibility: hidden;
		}
		
		/*--> Resultats de recherche */
		.results {
			font-size: 12px;
		}
		.results em {
			color: #CC0000;
			font-style: normal;
			font-weight: bold;
		}

/*-----> Zones banner <-----*/
#banner {
	position: relative;
	width:538px;
	height:271px;
	float:left;
}

#banner2 {
	position: relative;
	z-index: 50;
	border-top: 1px solid #FFFFFF;
	/*border-bottom: 1px solid #FFFFFF;*/
}
#banner_mini {
	position: relative;
	z-index: 50;
}
	#banner h1 {
		margin: 0;
		padding: 0;
	}
	.img_banner {
		float: left;
	}

/*-----> Zones contenu HOME <-----*/
.col_acc_border {
	width: 350px;
	height:250px;
	float: left;
	margin: 0;
	margin-left:5px;
}
.col_acc {
	float: left;
	margin: 0;
	padding: 10px 0 0 22px;
}
.col_acc_border h2,
.col_acc h2 {
	margin: 0 0 0 0;
	padding: 8px 0px 0px 0px;
}

#top_ten,
#last_recipes,
#month_recipe {
	list-style: none;
	margin: 0;
	padding: 0;
}

#top_ten li,
#last_recipes li,
#month_recipe li {
	background: url(../../images/buttons/arrow_link.gif) no-repeat 0px 3px;
	padding: 0 0 0 14px;
}

/*-----> Mini formulaires (Login, incription, etc...) <-----*/

		/*-> Elements communs */
		form.fd_jaune {
			width: 285px;
			padding: 14px 10px 0 10px;
		}
		table.user{
		  background-color:transparent;
		}
		
				form.fd_jaune input {
					font-size: 10px;
					width: 175px;
					padding: 0 4px 0 4px;
					margin: 2px 0 2px 0;
					vertical-align: middle;
					border: 1px solid #A5ACB2;
				}
				
				form.fd_jaune label {
					font-family:Cacpinaf, Arial, Helvetica, sans-serif;
					font-size:15px;!important;
					display: block;
					color:#b11836;
					text-align:right;
					font-size:13px;
				}
				
				
				form.fd_jaune .mini_go,
				.form_addrecip .mini_go {
					border: none;
					width: 29px;
					height: 17px;
					padding: 5px 0 5px 0px;
					float:right;
				}
			/*-> Connected */
			#user_menu{
				width:356px;
				height:200px;
				background-image:url(../../images/commun/bg_user_connected.jpg);
			}
			.connected {
				width: 352px;
				border-right:3px solid #eaa74f;
				border-bottom:3px solid #eaa74f;
				
			}
			
			.connected td {
				padding-left: 10px;
			}
			.connected td.pictos {
				text-align: center;
			}
			
			.connected td.pictos span{
				height:24px;	
			}
			.connected td.liens span{
				height:24px;	
			}
			
			.connected td.titre {
				font-weight: bold;
				font-family:Cacpinaf, Arial, Helvetica, sans-serif; 
				font-size:18px; color:#B10034;
				
			}
			
			.connected tbody td {
				padding: 5px 0 5px 0;
			}
			.connected td.deconnect {
				padding: 4px 0 4px 30px;
			}
			.connected a {
				color: #666666;
				text-decoration: none;
			}
			.connected a:hover {
				color: #CC0000;
			}

/*-----> Footer / Pathway <-----*/
#footer a, #footer_page a,
#pathway a {
	font-size: 10px;
	color: #666666;
	text-decoration: none;
	padding: 0 5px 0 5px;
}
#footer a:hover, #footer_page a:hover,
#pathway a:hover {
	color: #CC0000;
}

/*-----> Liens <-----*/
a.link_arrow {
	text-decoration: none;
	color: #666666;
	padding-left: 11px;
	background: url(../../images/buttons/arrow_link.gif) no-repeat center left;
}
a.link_arrow_yellow {
	text-decoration: none;
	color: #666666;
	padding-left: 11px;
	background: url(../../images/buttons/arrow_pathway.gif) no-repeat center left;
}
a.link_arrow:hover,
a.link_arrow_yellow:hover {
	color: #CC0000;
	padding-left: 11px;
}

a.link_grey {
	color: #666666;
	text-decoration: none;
}
a.link_grey:hover {
	color: #CC0000;
}

.left_bottom
{
	width : 120px;
}

/*-----> Pads <-----*/

		/*-> Pad liste recette */
		.pad_liste_recette {
			width: 380px !important;
			width: 380px;
			border-collapse: collapse;
			float: left;
			margin: 0 20px 24px 25px;
		}
		.pad_liste_recette span,
		.pad_recette span,
		.connected span {
			display: block;
			height: 24px;
			line-height:24px;
		}
		.pad_liste_recette thead td {
			border-left: 1px solid #b11836;
			border-right: 1px solid #b11836;
			background-color: #b11836;
			font-weight: bold;
			height: 17px;
			padding-left: 14px;
		}
		.pad_liste_recette tbody td {
			height: 122px;
			vertical-align: top;
		} 
		.pad_liste_recette td.left_bottom {
			border-left: 1px solid #b11836;
			border-bottom: 1px solid #b11836;
			padding-left: 14px;
		}
		.pad_liste_recette td.bottom {
			border-bottom: 1px solid #b11836;
			color: #CC0000;
		}
		.pad_liste_recette td.right_bottom {
			border-right: 1px solid #b11836;
			border-bottom: 1px solid #b11836;
		}
		.pad_liste_recette td.right_bottom img {
			float: right;
		}
		
		/*-> Pad fiche recette */
		.pad_recette td {
			vertical-align: top;
		}
		
		.intitule_details {
			padding-left: 14px;
			width: 119px;
		}
		.details {
			width: 183px;
			color: #b10034;
		}
		.intitules_comments {
			width: 120px;
		}
		.comments {
			width: 178px;
		}
		
		.notation {
			color: #CC0000;
			font-weight: bold;
		}
		.notation img {
			vertical-align: middle;
		}
		.visuel{ padding-top:20px;}
		.visuel a img{ width:auto; width:220px;}
		/*-> Lien Zoom */
		.zoom {
			background-color:#b10034;
			text-align: center;
		}
		.zoom a {
			font-size: 11px;
			color: #DDD;
			padding: 5px 0 5px 0;
			background: url(../../images/buttons/zoom.gif) no-repeat center right;
		}
		.zoom a:hover{
			color:#FFF;		
		}
		
		

/*-----> Données recettes <-----*/
#onglets_recettes,
#show_onglets {
	list-style: none;
	margin: 0;
	padding: 0;
	background-color:#B10034;
	background: url(../../images/tit_blocks/onglet_on.gif) no-repeat top right;
}
	#onglets_recettes li {
		list-style: none;
		margin: 0;
		padding: 0 0 0 8px;
		background-color:#b10034;
		background: url(../../images/tit_blocks/onglet_off.gif) no-repeat top right;
		float: left;
		height: 20px;
		line-height: 20px;
		width: 150px;
		cursor: pointer;
		color:#FFF;
	}
	#onglets_recettes li.recette {
		width: 175px;
		background: url(../../images/tit_blocks/onglet_recette_off.gif) no-repeat top right;
		padding-left: 11px;
	}
	#onglets_recettes li.recette_on {
		width: 175px;
		background: url(../../images/tit_blocks/onglet_recette_on.gif) no-repeat top right;
		padding-left: 11px;
	}
	#onglets_recettes li.lire_avis {
		width: 212px;
		background: url(../../images/tit_blocks/onglet_lire_avis_off.gif) no-repeat top right;
		padding-left: 36px;
	}
	#onglets_recettes li.lire_avis_on {
		width: 212px;
		background: url(../../images/tit_blocks/onglet_lire_avis_on.gif) no-repeat top right;
		padding-left: 36px;
	}
	#onglets_recettes li.donner_avis {
		width: 212px;
		background: url(../../images/tit_blocks/onglet_donner_avis_off.gif) no-repeat top right;
		padding-left: 36px;
	}
	#onglets_recettes li.donner_avis_on {
		width: 212px;
		background: url(../../images/tit_blocks/onglet_donner_avis_on.gif) no-repeat top right;
		padding-left: 36px;
	}
	#onglets_recettes li.recette_on a,
	#onglets_recettes li.lire_avis_on a,
	#onglets_recettes li.donner_avis_on a {
		font-weight: bold;
	}
	#deploy {
		vertical-align: middle;
		padding-bottom: 4px;
	}
	
	#tit_donner_avis, #tit_lire_avis, #tit_recette {
		display: none;
                    margin-top:3px;
	}
	
		/*-> Infos dans les onglets : RECETTE */
		#recette, #lire_avis, #donner_avis {
			background-color: #f8e8ed;
			background-image:url(../../images/commun/bg_recettes.jpg);
			width:auto;
		}
		#lire_avis, #donner_avis {
			display: none;
		}
		.spacer_div {
			height:10px;
		}
		.left_imprim {
			font-size: 12px;
			padding: 0 17px 0 17px;
			width: 366px;
		}
		.right_imprim {
			font-size: 12px;
			padding: 0 17px 0 17px;
			width: 367px;
			border-left: 1px solid #FFFFFF;
		}
		
		.data_recettes table {
			font-size: 12px;
			margin: 15px 0 15px 0;
		}
		.data_recettes table td {
			vertical-align: top;
			padding: 0 17px 0 17px;
			width: 337px;
		}
		.data_recettes table td.centre {
			width: 1px;
		}
		.data_recettes textarea {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			border: none;
			padding: 5px;
			width: 336px;
		}
		/*-> Infos dans les onglets : AVIS */
		.request_connect {
			padding: 15px 0 0 18px;
			margin: 0px;
		}
		.request_connect em {
			padding-left: 12px;
			font-style: normal;
		}
		.comment {
			padding: 0 18px 0 18px;
			font-size: 12px;
		}
		.comment_date {
			margin-bottom: 0px;
		}
		.comment_date em {
			color: #CC0000;
			font-style: normal;
		}
		
		/*-> Infos dans les onglets : DONNER AVIS */
		#notation {
			padding: 30px 0 0 47px;
		}
		.star_note {
			background: url(../../images/notation/all_star.gif) no-repeat -15px 15px;
			display: block;
			float: left;
			width: 15px;
			height: 30px;
			text-align: center;
			margin-right: 5px;
		}
		.on_star {
			background-position: 0px 15px;
			font-weight: bold;
		}
		.valid_comment {
			text-align: center;
			padding: 10px 0 10px 0;
		}
		
		/*-> Apparition ONGLETS */
		#show_onglets {
			display: none;
		}
		#show_onglets li {
			text-align: right;
			width: 731px;
			padding: 0 12px 0 0;
		}

/*-----> Formulaire incription <-----*/
.form_inscription {
	border: 1px solid #FFFFFF;
}
.form_inscription span {
	display: block;
	height: 20px;
}
.form_inscription td {
	vertical-align: top;
	padding: 9px;
}
.form_inscription .labels {
	width: 193px;
	background-color: #FFEEBC;
	text-align: right;
	border-right: 1px solid #FFFFFF;
}
.form_inscription .fields {
	width: 260px;
	background-color: #FFF5D7;
	text-align: left;
}
.form_inscription .field_errors {
	width: 234px;
	background-color: #FFF5D7;
	text-align: left;
}
.form_inscription input,
.form_inscription select  {
	font-size: 10px;
	padding: 0 0 0 4px;
	border: 1px solid #A5ACB2;
}

.form_inscription .empty,
.form_inscription .subscribe {
	background-color: #FFE28A;
	border-top: 1px solid #FFFFFF;
}

.form_inscription .create_account {
	border: none;
	width: 119px;
	height: 11px;
	padding-left: 70px;
}

/*------>AJOUT RECETTE<-------*/
.form_addrecip {
	border: 1px solid #FFFFFF;
}
.form_addrecip span {
	display: block;
	/*height: 26px;
	line-height: 26px;*/
}
.form_addrecip td {
	vertical-align: top;
	padding: 9px;
}
.form_addrecip .labels {
	width: 193px;
	background-color: #FFEEBC;
	text-align: right;
	border-right: 1px solid #FFFFFF;
}
.form_addrecip .fields {
	width: 260px;
	background-color: #FFF5D7;
	text-align: left;
}
.form_addrecip .field_errors {
	width: 234px;
	background-color: #FFF5D7;
	text-align: left;
}
.form_addrecip input,
.form_addrecip select  {
	font-size: 10px;
	padding: 0 0 0 4px;
	border: 1px solid #A5ACB2;
}

.form_addrecip .empty,
.form_addrecip .subscribe {
	background-color: #FFE28A;
	border-top: 1px solid #FFFFFF;
}

.form_addrecip .create_recip {
	border: none;
	width: 119px;
	height: 11px;
	padding-left: 70px;
}

/*------>MES RECETTES<-----*/

.mesrecettes{
	background:#FFEDBB;
	padding-left:10px;
	padding-right:10px;
	margin-right:20px;
	padding-top:20px;
	padding-bottom:20px;
}
.titlemesrecettes{
	color:#CC0000;
	font-size:9pt;
}
.textemesrecettes{
	font-size:9pt;
}
.hrrecip{
	margin-top:10px;
	background:url(../../images/commun/points_gris_hor.gif) repeat-x;
	width:100%;
	height:20px;
}
.hrpart{
	margin-top:10px;
	background:url(../../images/commun/ligne_blanc_hor.gif) repeat-x;
	width:100%;
	height:20px;
}
/*------>MON CARNET<-----*/

.titlemoncarnet{
	color:#CC0000;
	font-size:10px;
	margin-left: 20px;
}
.listcat{
	font-size:10px;
	margin-left: 20px;
}
/*-----> PAGINATION <-----*/
#pagination {
	clear: both;
	text-align: center;
	padding: 0;
	margin: 0;
}

#pagination a {
	text-decoration: underline;
}

#pagination a.courante {
	color: #CC0000;
	text-decoration: none;
}

#pagination a.next {
	padding:0px 2px;
	/* background: url(../../images/buttons/arrow_pathway.gif) no-repeat center right; */
}
#pagination a.prev {
	padding:0px 2px;
	/* background: url(../../images/buttons/arrow_prev.gif) no-repeat center left; */
}/**/

/*-----> Divers <-----*/
.clearer {
	clear: both;
}

/*--> Styles texte */
h1 {
	margin: 0 0 14px 0;
	color: #CC0000;
	font-weight: normal;
	font-size: 22px;
}

h3 {
	color: #B10034;
	font-size: 14px;
	padding: 10px 0 0 16px;
	/* border-top: 1px solid #FFF;*/
}



.texte_red {
	color: #b10034;
}

.text_small {
	font-size: 11px;
}

.texte12 {
	font-size: 12px;
	padding-right: 15px;
	padding-top:5px;
}

.field_error {
	color: #CC0000;
}

form .input_error {
	border: 1px solid #CC0000;
}

.proposal {
	text-align: center;
}

.debug {
	clear: both;
	background:white;
	bottom: 0;
	padding: 10px;
}

.light_grey {
	font-weight: normal;
	font-size: 14px;
}



/* HACK -> Navigation */
		/* --- MENU --- */
		#banner ul {
			margin: 0;
			padding: 3px 0 0 12px;
			position: absolute;
			top: 16px;
			left: 10px;
			list-style-type: none;
		}
		#banner_mini ul {
			margin: 0;
			padding: 3px 0 0 12px;
			position: absolute;
			top: 16px;
			left: 10px;
			list-style-type: none;
		}
		
		#banner ul ul,
		#banner_mini ul ul {
			display: none;
			float: left;
			position: absolute;
			top: 0px;
			left: 163px;
		}
		#banner ul li,
		#banner_mini ul li {
			width: 305px;
			padding: 3px 0 0 0;
		}
		
		#banner ul ul ul a,
		#banner_mini ul ul ul a {
			background: url(../images/menus/trait_sous_menu_niveau_3.png) no-repeat bottom left;
		}
		
		#banner ul a,
		#banner_mini ul a {
			color: #333;
			text-decoration: none;
			text-transform: uppercase;
			display: block;
			margin: 0;
			padding: 0 0 6px 0;
			font-size: 10px;
			background: url(../images/menus/trait_sous_menu.png) no-repeat bottom left;
		}
		#banner ul a:hover,
		#banner_mini  ul a:hover {
			color: #C00000;
		}
		
		#banner ul a:hover ul {
			display: block !important;
		}
		
		#banner ul li.over:hover,
		#banner_mini ul li.over:hover,
		#nav li.sfhover {
			background: url(../images/menus/fleche_over.png) no-repeat 145px 5px;
		}
			/* --- TRAITEMENT ROLL OVER --- */
			#nav li.sfhover ul {
				display: block;
			}
			
			#nav li.sfhover ul ul {
				display: none;
			}
			
			#nav li li.sfhover ul {
				display: block;
			}
			/* --- HABILLAGE GRAPHIQUE MENU --- */
			.fond_global {
				background: #F0E5DE;
				width: 175px;
				height: 246px;
			}
			.bande_1 {
				background: #F5EDE9;
				filter: alpha(opacity=90);
				opacity: .90;
				width: 13px;
				height: 246px;
			}
			.bande_2 {
				background: #FFFFFF;
				filter: alpha(opacity=95);
				opacity: .95;
				width: 13px;
				height: 246px;
			}
			
			
			#div_niveau_first {
				position: absolute;
				top: 3px;
				left: 10px;
				filter: alpha(opacity=75);
				opacity: .75;
			}
			
			#div_niveau_1 {
				position: absolute;
				top: 16px;
				left: 10px;
				filter: alpha(opacity=75);
				opacity: .75;
			}
			#bande_niveau_1 {
				position: absolute;
				top: 16px;
				left: 185px;
			}
			#sb_niveau_1 {
				position: absolute;
				top: 16px;
				left: 198px;
			}
			
			#div_niveau_2 {
				display: none;
				position: absolute;
				top: 16px;
				left: 173px;
				border-left: 1px solid #FFF;
				filter: alpha(opacity=80);
				opacity: .80;
			}
			#div_niveau_3 {
				display: none;
				position: absolute;
				top: 16px;
				left: 337px;
				border-left: 1px solid #FFF;
				filter: alpha(opacity=85);
				opacity: .80;
			}
			
			/*  MAJ MAGINA - MAI 2011 */
			#conteneur_all{ position:fixed; width:100%; height:100%; background-image:url(../../images/commun/bg.jpg);/* *position:absolute; *top:0px; *left:0px;  *height:900px; */ background-position:center top; }
			
			a.logo_club{display:block; float:left; width:507px; height:75px; background-image:url(../../images/commun/logo2.png); margin:50px 0px 35px 100px;}
			
			.menu_nav{ width:900px; height:57px; margin-left:auto; margin-right:auto;}
			.menu_nav ul{ llist-style:none; margin:0; padding:0;}
			.menu_nav ul li{ display:block; float:left; margin-right:7px;}
			.menu_nav ul li.last{ margin:0;}
			a.onglet_nav{ display:block; width:174px; height:57px;}
			#onglet1{ background-image:url(../../images/commun/btn_menu.png); background-position:348px top;}
			#onglet1:hover, #onglet1.active{ display:block; background-position:348px 66px; margin-top:-10px; width:174px; height:66px;}
			#onglet2{ background-image:url(../../images/commun/btn_menu.png);  background-position:174px top;}
			#onglet2:hover, #onglet2.active{ display:block;  background-position:174px 66px; margin-top:-10px; width:174px; height:66px;}
			#onglet3{ background-image:url(../../images/commun/btn_menu.png);  background-position:0px top;}
			#onglet3:hover, #onglet3.active{ display:block;  background-position:0px 66px; margin-top:-10px; width:174px; height:66px;}
			#onglet4{ background-image:url(../../images/commun/btn_menu.png);  background-position:696px top;}
			#onglet4:hover, #onglet4.active{ display:block; background-position:696px 66px; margin-top:-10px; width:174px; height:66px;}
			#onglet5{ background-image:url(../../images/commun/btn_menu.png);  background-position:522px top;}
			#onglet5:hover, #onglet5.active{display:block;  background-position:522px 66px; margin-top:-10px; width:174px; height:66px;}
			
			
			#content { width:900px; margin-left:auto; margin-right:auto; padding:0px; margin-top:4px;}
			h2.title_user{ font-family:Cacpinaf, Arial, Helvetica, sans-serif; font-size:22px;!important; color:#b10035; padding:0px;!important; padding:5px 0px; margin:0px; padding-left:5px; font-size:15px;  }
			p.BlocClubPat{ font-family:Arial, Helvetica, sans-serif; color:#b10035; font-size:12px; font-weight:bold; margin:2px 0px;}
			
			
			label.user{ padding-left:25px; font-family:Arial, Helvetica, sans-serif; line-height:19px; }
			a.link_user{ float:right; padding-right:30px; margin-right:20px; line-height:19px; background-position:right center; background-repeat:no-repeat;}
			.intro_pad_produit{
				width:250px; float:left; height:150px; margin-left:18px; margin-right:18px;
				text-align:left; margin-top:2px; margin-bottom:5px;
			}
			.intro_pad_produit h2 a {
    background-image: url(http://www.oetker.fr/club-patissier/images/buttons/arrow_pathway.gif);
	background-repeat:no-repeat;
	background-position:left 4px;
    padding-left: 10px;
	color:#b10034;
	font-size:11px;
	text-transform:uppercase;
	margin:0px;
}

.thumbCards {
width: 135px;
height: 105px;
text-align: center;
float: left;
}
.thumbNail {
width: 135px;
height: 155px;
text-align: center;
float: left;
}
.thumbNail ul{ list-style:none; margin:0; padding:0;}


/*-> Connected */
#user_advanced{ background-color:#FFF; position:absolute; top:241px; left:280px; z-index:100; background-image:url(http://www.oetker.fr/club-patissier/images/commun/bg_user_connected.jpg);}

#user_connect{ background-color:#FFF; position:absolute; top:241px; left:280px; z-index:100; background-image:url(http://www.oetker.fr/club-patissier/images/commun/bg_user_connected.jpg);}

#user_subscribe{ background-color:#FFF; position:absolute; top:241px; left:50px; z-index:100; background-image:url(http://www.oetker.fr/club-patissier/images/commun/bg_user_connected.jpg);}

.user_tab_advanced {
	width: 305px;
	border-right:3px solid #CC0000;
	border-bottom:3px solid #CC0000;
}

.user_tab_advanced td {
	padding-left: 10px;
}
.user_tab_advanced td.pictos {
	text-align: center;
}

.user_tab_advanced td.pictos span{
	height:24px;	
}
.user_tab_advanced td.liens span{
	height:24px;	
}

.user_tab_advanced td.titre {
	font-weight: bold;
	font-family:Cacpinaf, Arial, Helvetica, sans-serif; 
	font-size:18px; color:#CC0000;
	
}

.user_tab_advanced tbody td {
	padding: 5px 0 5px 0;
}
.user_tab_advanced td.deconnect {
	padding: 4px 0 4px 30px;
}
.user_tab_advanced a {
	color: #666666;
	text-decoration: none;
}
.user_tab_advanced a:hover {
	color: #CC0000;
}
.user_tab_advanced span {
	display: block;
	height: 24px;
	line-height:24px;
}
td.nom{
	font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#b10034;
}


#cadre_banner{ width:532px; height:265px; border-right:3px solid #b10034; border-bottom:3px solid #b10034; position:absolute; left:0; top:0; z-index:10; }


h2.title_user_jesuismembre{ display:block; width:176px; height:29px; background-image:url(http://www.oetker.fr/club-patissier/images/commun/jesuismembre.png); background-repeat:no-repeat; background-position:8px 5px; margin:0px; padding:0px;}

h2.title_user_inscription{ display:block; width:154px; height:29px; background-image:url(http://www.oetker.fr/club-patissier/images/commun/jeminscris.png); background-position:8px 5px; background-repeat:no-repeat; margin:0px; padding:0px;}

h2.espace_user{ display:block; width:177; height:29px; background-image:url(http://www.oetker.fr/club-patissier/images/commun/monespaceperso.png); background-position:8px 5px; background-repeat:no-repeat; margin:0px; padding:0px; margin-top:10px;}

h2.basket_user{ display:block; width:219; height:29px; background-image:url(http://www.oetker.fr/club-patissier/images/commun/moncarnetderecettes.jpg); background-position:8px 5px; background-repeat:no-repeat; margin:0px; padding:0px; margin-top:10px;}

h2.mes_recettes{ display:block; width:124; height:29px; background-image:url(http://www.oetker.fr/club-patissier/images/commun/mesrecettes.jpg); background-position:8px 5px; background-repeat:no-repeat; margin:0px; padding:0px; margin-top:10px;}

h2.propose_recette{ display:block; width:198px; height:29px; background-image:url(http://www.oetker.fr/club-patissier/images/commun/proposerrecettes.jpg); background-position:8px 5px; background-repeat:no-repeat; margin:0px; padding:0px; margin-top:10px;}

h2.mes_avis{ display:block; width:93px; height:29px; background-image:url(http://www.oetker.fr/club-patissier/images/commun/mesavis.jpg); background-position:8px 5px; background-repeat:no-repeat; margin:0px; padding:0px; margin-top:10px;}

h2.mon_compte{ display:block; width:123px; height:29px; background-image:url(http://www.oetker.fr/club-patissier/images/commun/moncompte.jpg); background-position:8px 5px; background-repeat:no-repeat; margin:0px; padding:0px; margin-top:10px;}

h2.thematiques{ display:block; width:123px; height:34px; background-image:url(http://www.oetker.fr/club-patissier/images/commun/titre_thematiques.jpg); background-position:8px 5px; background-repeat:no-repeat; margin:0px; padding:0px; margin-top:10px;}

h2.mentions{ display:block; width:163px; height:35px; background-image:url(http://www.oetker.fr/club-patissier/images/commun/mentionslegales.jpg); background-position:8px 5px; background-repeat:no-repeat; margin:0px; padding:0px; margin-top:10px;}

h2.partager_site{ display:block; width:314px; height:36px; background-image:url(http://www.oetker.fr/club-patissier/images/commun/partageznotresite.jpg); background-position:8px 5px; background-repeat:no-repeat; margin:0px; padding:0px; margin-top:10px;}

h2.recherche{ display:block; width:253px; height:36px; background-image:url(http://www.oetker.fr/club-patissier/images/commun/resultatrecherche.jpg); background-position:8px 5px; background-repeat:no-repeat; margin:0px; padding:0px; margin-top:10px;}

h2.top10{ display:block; width:315px; height:36px; background-image:url(http://www.oetker.fr/club-patissier/images/commun/top10.jpg); background-position:8px 5px; background-repeat:no-repeat; margin:0px; padding:0px; margin-top:10px;}

div.top10{float:left; width:300px;}
#top_ten{ padding-left:30px;}

label.pseudo{ display:block; width:36px; height:15px; background-image:url(http://www.oetker.fr/club-patissier/images/commun/pseudo.png); background-repeat:no-repeat; }
label.mdp{display:block; width:71px; height:16px; background-image:url(http://www.oetker.fr/club-patissier/images/commun/mdp.png); background-repeat:no-repeat; }
label.nom{display:block; width:26px; height:13px; background-image:url(http://www.oetker.fr/club-patissier/images/commun/nom.png); background-repeat:no-repeat; }
label.prenom{display:block; width:38px; height:15px; background-image:url(http://www.oetker.fr/club-patissier/images/commun/prenom.png); background-repeat:no-repeat; }
label.mail{display:block; width:33px; height:14px; background-image:url(http://www.oetker.fr/club-patissier/images/commun/mail.png); background-repeat:no-repeat; }
label.recherche{display:block; width:48px; height:23px; background-image:url(http://www.oetker.fr/club-patissier/images/commun/recherche.jpg); background-repeat:no-repeat; background-position:center; }
a.mdp_oublie{ display:block; width:109px; height:15px; background-image:url(http://www.oetker.fr/club-patissier/images/commun/mdpoublie.png); background-repeat:no-repeat; margin-top:5px; margin-left:10px;}
a.avantages_club{ display:block; width:151px; height:19px; background-image:url(http://www.oetker.fr/club-patissier/images/commun/avantagesClub.png); background-repeat:no-repeat; margin-top:5px; margin-left:10px;}



#user_tab{float:left; width:536px; background-color:#FFF; height:29px;}
#search_bloc{ width:355px; height:29px; background-color:#FFF; float:right; margin-right:2px; }
#search_bloc table{border-bottom:3px solid #b10034; border-right:3px solid #b10034;}
#user_tab table{ border-bottom:3px solid #b10034; border-right:3px solid #b10034;}

#form_login, #form_inscription{ background-image:url(../../images/commun/bg_user2.jpg);}		

#form_login{ width:356px; height:82px;}
#form_login table{ border-bottom:3px solid #eaa74f; border-right:3px solid #eaa74f;}
#form_inscription{ width:356px; height:99px;}
#form_inscription table{border-right:3px solid #eaa74f; border-bottom:3px solid #eaa74f;}

#login_border{ position:absolute; z-index:100; width:350px; height:76px; border-right:3px solid #eaa74f; border-bottom:3px solid #eaa74f; background:none; }
#inscription_border{ position:absolute; z-index:100; width:350px; height:98px; border-right:3px solid #eaa74f; border-bottom:3px solid #eaa74f; }

input.identif{ width:220px; height:15px; border:1px solid #eaa74f; padding:0px; margin:3px; font-family:Arial, Helvetica, sans-serif; font-size:10px; margin-left:10px; }

.col_top{ height:auto; padding-bottom:5px;}

h3.Title-Pinafore{ font-family: 'CACPinaforeRegular'; font-weight:normal; margin:0; padding:0; color:#b10034; font-size:16px;}
a.Title-Pinafore{ font-family: 'CACPinaforeRegular'; font-weight:normal; margin:0; padding:0; color:#b10034; font-size:16px; line-height:26px;}
h1.Title-Recette{font-family: 'CACPinaforeRegular'; font-weight:normal; margin:0; padding:0; color:#b10034; font-size:20px; line-height:32px;}

a.Title-Cat{font-family: 'CACPinaforeRegular'; font-weight:normal; margin:0; padding:0px 10px; color:#999; font-size:12px; line-height:30px; vertical-align:middle;}
a.Title-Cat:hover{ color:#B10034;}

a.Title-Catb{font-family: 'CACPinaforeRegular'; font-weight:normal; margin:0; padding:0px 10px; color:#333; font-size:12px; line-height:30px; vertical-align:middle;}
a.Title-Catb:hover{ color:#B10034;}


p.text_nb_results{ font-family:Arial, Helvetica, sans-serif; font-size:11px; margin:0; padding:0; padding-top:12px; margin-left:30px; padding-bottom:0px; text-decoration:underline; }
#accroche_thematiques{ float:left; width:400px; margin-left:10px; margin-right:70px;}
#accroche_astuces{ width:450px; margin-left:20px; margin-right:70px;}

div.AstContent{ width:800px; height:auto; margin:15px 30px 0px 20px;}


.AstContent h3{font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#B10034; font-weight:normal; padding:0; }
.AstContent a{ font-weight:bold; color:#B10034; text-decoration:underline; }

label.pinafore{font-family: 'CACPinaforeRegular'; font-weight:normal; margin:0; padding:0; color:#b10034; font-size:12px; line-height:16px;}
a.pinafore{font-family: 'CACPinaforeRegular'; font-weight:normal; margin:0; padding:0; color:#b10034; font-size:11px; line-height:13px; background-image:url(../../images/commun/fleche.gif); background-position:left 8px; background-repeat:no-repeat; padding-left:8px; margin-left:10px;}



/* Slider Page d'accueil */
#slider_container_2{ float: left; margin:0px; padding: 0px; width: 538px; position:relative; }
.SliderName_2{ float:left; width:538px; height:271px; overflow:hidden; }
.SliderName_2Description { padding:10px; font-family: Tahoma,Arial,Helvetica; font-size:14px; line-height:30px; letter-spacing:1px;	text-align:center; color:#ffffff; text-shadow:0 1px 3px #000000;}
#SliderNameNavigation_2 { margin:0; margin-top:0px; padding:0; height: 16px; right:15px; position:absolute; z-index:10; overflow-y: hidden; }
#SliderNameNavigation_2 a:link, #SliderNameNavigation_2 a:active, #SliderNameNavigation_2 a:visited, #SliderNameNavigation_2 a:hover{
margin:0; padding:0; font-size:0; line-height:0; text-decoration:none;}




