/* CSS Document */

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

body {
	margin: 0;
	background-color: #FBE9B9;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}

	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;
	}


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

#conteneur {
	width: auto;
}

#header {
	display:none;	
}



#content {
	border-top: 1px solid #FFFFFF;
}
#footer {
	text-align: right;
	padding: 17px 20px 17px 0;
}
#footer_page {
	display:none;
}

#pathway {
	display:none;
}
#pathway a {
	text-transform: uppercase;
}
	/*-> Zone des pages */
.col_left {
	display:none;
}
	.col_left #inscription,
	.col_left #login,
	.col_left #bienvenue {
		float: right;/**/
	}
	.col_right {
		float: left;
		background-color: #FFFFFF;
		width:auto;
		min-height: 670px;
		height: auto !important;
		height: 670px;
		margin:0;
		/*padding: 0 0 0 17px;*/
	}
	
	.data_recettes {
		margin-top: 13px;
		width: 743px;
		background-color: #FFEEBC;
	}

/*-----> 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:84px;
	width: 326px;
	float:right;
	text-align: right;
	position: relative;
	padding-right: 15px;
}

#recherche_avancee {
	position: absolute;
	top: 61px;
	z-index: 99;
	left:8px;
	width: 326px;
}

.accroche {
	margin-top: 41px;
}

.grey_line {
	border-bottom: 1px solid #A5ACB2;
}

		/*--> Formulaire recherche */
		#ze_search {
			margin: 0 8px 0 0;
			padding: 12px 8px 30px 0;
			width: 326px;
			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://bacchus/www.oetker.fr/www.club-patissier.com/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;
	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;
	}
	
	.col_right h1{
		color:#000;
	}
	

/*-----> Zones contenu HOME <-----*/
.col_acc_border {
	width: 206px;
	height: 320px;
	float: left;
	margin: 0;
	padding: 10px 22px 0 22px;
	background: url(../../images/commun/points_gris_verticaux.gif) no-repeat top right;
}
.col_acc {
	float: left;
	margin: 0;
	padding: 10px 0 0 22px;
}
.col_acc_border h2,
.col_acc h2 {
	margin: 0 0 11px 0;
	padding: 0px;
}

/*-----> Mini formulaires (Login, incription, etc...) <-----*/
#inscription,
#login,
#bienvenue {
	margin: 0 0 11px 0;
	padding: 0px;
}
		/*-> Elements communs */
		form.fd_jaune {
			width: 183px;
			background-color: #FFE28A;
			padding: 14px 0 0 10px;
		}
		
				form.fd_jaune input {
					font-size: 10px;
					width: 112px;
					padding: 0 4px 0 4px;
					margin: 2px 0 2px 0;
					vertical-align: middle;
					border: 1px solid #A5ACB2;
				}
				
				form.fd_jaune label {
					display: block;
					float: left;
					width: 45px;
				}
				
				form.fd_jaune .mini_go {
					border: none;
					width: 37px;
					height: 16px;
					padding: 5px 0 5px 130px;
				}
			/*-> Connected */
			.connected {
				width: 193px;
			}
			
			.connected td {
				padding-left: 10px;
			}
			.connected td.pictos {
				text-align: center;
			}
			
			.connected td.titre {
				background-color: #FFFFFF;
				font-weight: bold;
			}
			
			.connected tbody td {
				padding: 5px 0 5px 0;
				background-color: #FFE28A;
			}
			.connected td.deconnect {
				background-color: #FDF4DC;
				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 {
	display:none;
}
#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;
}

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

		/*-> Pad liste recette */
		.pad_liste_recette {
			width: 351px !important;
			width: 339px;
			border-collapse: collapse;
			float: left;
			margin: 0 24px 24px 0;
		}
		.pad_liste_recette span,
		.pad_recette span,
		.connected span {
			display: block;
			height: 19px;
		}
		.pad_liste_recette thead td {
			border-left: 1px solid #FFE28A;
			border-right: 1px solid #FFE28A;
			background-color: #FFE28A;
			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 #FFE28A;
			border-bottom: 1px solid #FFE28A;
			padding-left: 14px;
		}
		.pad_liste_recette td.bottom {
			border-bottom: 1px solid #FFE28A;
			color: #CC0000;
		}
		.pad_liste_recette td.right_bottom {
			border-right: 1px solid #FFE28A;
			border-bottom: 1px solid #FFE28A;
		}
		.pad_liste_recette td.right_bottom img {
			float: right;
		}
		
		/*-> Pad fiche recette */
		.pad_recette{
			width:auto;
			}
		
		.pad_recette td {
			vertical-align: top;
		}
		.intitule_details {
			padding-left: 14px;
			width: 130px;
		}
		.details {
			width: 473px;
			color: #CC0000;
		}
		.intitules_comments {
			display:none;
		}
		.comments {
			display:none;
		}
		
		.notation {
			color: #CC0000;
			font-weight: bold;
		}
		.notation img {
			vertical-align: middle;
		}
		
		.visuel td{
			width:250px;
		}
		/*-> Lien Zoom */
		.zoom {
			/*
			background-color:#FFE28A;
			text-align: center;
			*/
			display:none;
		}
		.zoom a {
			font-size: 10px;
			color: #CC0000;
			padding: 3px 0 3px 0;
			background: url(../../images/buttons/zoom.gif) no-repeat center right;
		}
		
		

/*-----> Données recettes <-----*/
#onglets_recettes,
#show_onglets {
	display:none;
}
	#onglets_recettes li {
		list-style: none;
		margin: 0;
		padding: 0 0 0 8px;
		background: url(../../images/tit_blocks/onglet_off.gif) no-repeat top right;
		float: left;
		height: 20px;
		line-height: 20px;
		width: 114px;
	}
	#onglets_recettes li.recette {
		width: 114px;
		background: url(../../images/tit_blocks/onglet_recette_off.gif) no-repeat top right;
		padding-left: 11px;
	}
	#onglets_recettes li.recette_on {
		width: 114px;
		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,
	#onglets_recettes li.donner_avis_on {
		font-weight: bold;
	}
	#deploy {
		vertical-align: middle;
		padding-bottom: 4px;
	}
	
		/*-> Infos dans les onglets : RECETTE */
		#recette, #lire_avis, #donner_avis {
			background-color: #fff;;
			/*border-top:1px solid #ccc;*/
		}
		
		#recette td {
			border-top:1px solid #ccc;
			margin-top:10px;
		}
		
		#lire_avis, #donner_avis {
			display: none;
		}
		
		.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;*/
			width:300px;
			display:table-row-group;
		}
		.data_recettes table td.centre {
				display:none;
		}
		.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: 511px;
	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: 20px;
}
.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: 511px;
	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{
	border:1px dashed #CCCCCC;
	width:80%;
}
.hrpart{
	border:1px solid #FFFFFF;
	width:80%;
}
/*-----> PAGINATION <-----*/
#pagination {
	clear: both;
	text-align: center;
}

#pagination a {
	text-decoration: underline;
}

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

#pagination a.next {
	padding-right: 11px;
	background: url(../../images/buttons/arrow_pathway.gif) no-repeat center right;
}
#pagination a.prev {
	padding-left: 11px;
	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;
}

.texte_red {
	color: #CC0000;
}

#recette .texte_red{
	color:#000000;
	font-weight:bold;
	font-size:13px;
}

.text_small {
	font-size: 11px;
}

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

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