@import url(messages.css);
@import url(displaytag.css);

a {
	color: black;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 10px;
	font-weight: normal;
    text-underline: true;
}

/* from http://diveintomark.org/archives/2002/04/26/printfriendly_links */
a:after {
  content: "";
}

a:visited {
	color: black;
}

div#activeUsers, div#header, div#menu, div#validators {
    display:none;
}

div#content {
	margin: 10px !important;
}

div#footer {
    text-align: center;
}

div.separator {
    border-bottom: 1px solid silver; 
}

h1 {
	color: black;
    text-align: center;
}

ul.glassList {
    list-style: url(../images/aquadot.jpg) disc outside;
    vertical-align: top;
    line-height: 1.5;
}

/**********************************
Styles Section Recettes
**********************************/

.layout-accueil-recette {padding:0; margin-left:0; margin-right:0; vertical-align:top; width:213px;}

.panelTitres {font:11px Arial, Verdana, sans-serif; color:#4c433f; text-decoration:none; line-height:22px;}
.panelNormal {width:125px; height:22px; cursor:pointer; vertical-align:middle; text-align:center; text-decoration:none; color:#4c433f; border:1px solid #c1bcb6; border-bottom:0; margin-top:4px;}
.panelSelected {width:124px; background-color:#f4f1ea; height:23px; cursor:pointer; vertical-align:middle; text-align:center; text-decoration:none; color:#4c433f; border-top:4px solid #aa1d25; border-left:1px solid #c1bcb6; border-right:1px solid #c1bcb6; margin-bottom:-2px;}


.tableauRecettes {width:511px; background-color:#f4f1ea; border-width:1px 1px 3px; border-style:solid; border-color:#d2d3d5;}
.tableauRecettes2 {width:499px; border:1px solid #d2d3d5; float:left; padding:18px 6px 6px 6px;}
.tableauRecettes2 ul li {list-style-image:none;}

.visibilite{visibility:hidden;}

.panel1 {background-color:#4c4240; height:20px; cursor:pointer; vertical-align:middle; text-align:center; text-decoration:none; color:#FFF;}
.panel2 {background-color:#706865; height:20px; cursor:pointer; vertical-align:middle; text-align:center; text-decoration:none; color:#FFF;}
.panel3 {background-color:#938c86; height:20px; cursor:pointer; vertical-align:middle; text-align:center; text-decoration:none; color:#FFF;}
.panel4, .panel4 a span {background-color:#a91e23; height:20px; cursor:pointer; text-transform:uppercase; vertical-align:middle; text-align:center; text-decoration:none; color:#FFF;}

#recette #recette-ong01,
#recette #recette-ong02,
#recette #recette-ong03,
.tableauRecettes2{
	display:none
}
.header-detail-bottom {
	padding:10px;	
	vertical-align:top;
	font-family:Arial,Verdana,sans-serif;
}
.header-detail-bottom td{
	font-size:12px;
}
.header-detail-bottom td strong{color:#B25C0A;}
.titleContent {
	color:#B25C0A;	
	font-size:11px;
	font-weight:bold;
}

/* avis des membres */
.memberAdvice {
	background-color:#FFFFFF;
	border-bottom:1px solid #C1BCB6;
	border-top:1px solid #C1BCB6;
	margin:20px 0 0;
	padding:6px 0;
	width:290px;
}
.memberAdvice p, .memberAdvice a {margin:0; padding;0;}
.memberAdvice .avis {float:left; margin:0; padding:0; width:130px;}
.memberAdvice .userRating {float:left; margin:0px 0 0 15px; padding:0; width:130px;}

.recette-categ-title {font:11px arial, verdana; font-weight:bold; text-align:left; color:#4c433f; padding:2px 0; vertical-align:top; width:220px;}
.entete-info {
	margin-left:19px;
	padding-top:20px;
	top:36px;
	width:340px;
}
.recette_num {
	background-color:#E1E1D1;
	font-weight:bold;
	margin-top:7px;
	padding:4px;
	text-align:center;
	font-family:arial,verdana,sans-serif;
	font-size:12px;
	width:143px;
}
.layout-detail {padding:0px; margin-top:-3px; vertical-align:top; width:511px; border:1px solid #d1d3d4;}
/* mj */
.top-detail-fr {padding:0; margin-left:-10px; margin-right:-10px; vertical-align:top; background-repeat: no-repeat; width:519px; height:39px; position:relative;}

.top-suggestion {padding:0px; margin-left:-10px; margin-right:-10px; vertical-align:top; background-image: url(/images/metro/bg-suggestion-top.gif); background-repeat: no-repeat; width:519px; height:6px; overflow:hidden;}

.layout-recette{
	padding:10px;
	vertical-align:top;
}
	/*
	background-image: url(/images/metro/fr/bg-recette-categ-top.jpg);
	background-repeat: no-repeat;
	*/
.top-recette-fr{
	padding:0px;
	margin-left:-10px;
	margin-right:-10px;
	vertical-align:top;
	width:521px;
	height:76px;
}
.top-detail-fr#commentaire {background-image: url(/images/metro/fr/bg-recette-top-2.gif);}
.top-detail-fr#recette {background-image: url(/images/metro/fr/bg-recette-top-1.gif);}
.top-detail-fr a {display:block; float:left; margin-right:10px; padding:20px 0; width:155px;}
.top-detail-fr a.comm {width:175px;}
.top-detail-fr a span {display:none;}
.top-detail-fr a.nombre {background:url(/images/metro/fr/bg-recette-top-nombre.gif) no-repeat top right; color:#800000; display:block; font-weight:bold;padding:10px 10px 2px 20px; position:absolute; left:290px; text-decoration:none; text-align:center; top:-2px; width:40px;}

	/*
	background-image: url(/images/metro/bg-recette-categ-bottom.jpg);
	background-repeat: no-repeat;
	*/
.recette-title {
	padding-bottom:3px; 
	padding-right:5px; 
	width:340px; 
	clear:both; 
	display:block; 
	border:1px solid transparent; /* just for safari mac */ 
	_border:0;
}

.description {width:315px;}
.description p {margin:0 0 5px 0; padding:0;}
.desc_a, .desc_b {float:left; padding:0 3px;}
.desc_a {width:140px;}
.desc_b {
	font-size:12px;	
}
.desc_b p a:link, .desc_b p a:visited {
	color:#AB1E24;
	font-size:12px;
	text-decoration:underline;
}
.mot {display:block; float:left; width:50px;}

div.clear {clear:both; height:1px; overflow:hidden;}
div.clear-left {clear:left; height:1px; overflow:hidden;}

.accessoire {display:none;}

#partage {display:none;}
#partager {display:none;}

.bg-chef {display: none;}

/* boite pour evaluer une recette + commentaires */
#evaluation {clear:both; height:239px; margin:10px 0; padding:0; position:relative; width:477px;}

#evaluation input, #evaluation textarea, #recherche form select, #recherche form input {color:#000 !important; font-family:Arial, Verdana, serif; font-size:10px;}

#evaluation form, #evaluation fieldset {border:0; margin:0; padding:0;}
#evaluation form {clear:both; padding:30px 50px; width:350px;}
#evaluation form label, #evaluation form input {margin-bottom:10px;}
#evaluation form label.txt {float:left; margin-right:5px; width:50px;}
#evaluation form input.txt, #evaluation form textarea {border:1px solid #d1d3d4;}
#evaluation form input.txt {float:left; width:245px;}
#evaluation form textarea {height:75px; width:300px;}
#evaluation .soumettre {float:right; margin:10px 40px 0 0;}


#preciser, #preciser_0, #preciser_1, #preciser_2 {background:url(/images/metro/bg-preciser.gif) repeat-x; height:33px; margin:10px 0; position:relative; width:620px;}
#preciser a, #preciser_0 a, #preciser_1 a, #preciser_2 a, table.rech-combinee a {color:#993232;}
#preciser a:hover #preciser_0 a:hover, #preciser_1 a:hover, #preciser_2 a:hover, table.rech-combinee a:hover {color:#07768D;}

#preciser span.coin, #preciser_0 span.coin, #preciser_1 span.coin, #preciser_2 span.coin {background:url(/images/metro/preciser-coin-1.gif) no-repeat; height:9px; overflow:hidden; position:absolute; top:0; left:0; width:9px;}
#preciser p.fleche, #preciser_0 p.fleche, #preciser_1 p.fleche, #preciser_2 p.fleche {background:url(/images/metro/preciser-fleche.gif) no-repeat;  padding:5px 0 5px 27px; position:relative; top:5px; left:5px;  width:400px;}
#preciser a.recherche, #preciser_0 a.recherche, #preciser_1 a.recherche, #preciser_2 a.recherche {background:url(/images/metro/preciser-droit.gif) no-repeat top right; position:absolute; top:0; right:0; padding:10px 0; text-indent:15px; width:161px;}

#recherche form, #recherche fieldset {border:0; margin:0; padding:0; position:relative;}
#recherche form {margin-bottom:20px;}

#recherche form label {float:left; margin:5px; text-align:right; width:240px;}
#recherche form select.txt {border:1px solid #c5d8dc; display:block; float:left; margin:5px; width:160px;}
#recherche form input.txt {border:0; margin-top:5px; width:160px;}
#recherche form input.bouton {margin-top:5px;}
#recherche form input.nouv {float:right; position:relative; margin:-15px 10px 0 0;}
#recherche form br {clear:left;}
p.trie {margin:0; padding:0;}
p.trie a.imprimer {background:url(/images/metro/icone-imprimer.gif) no-repeat; color:#993232; float:right; margin-top:-5px; padding:5px 10px 5px 30px;}

p.trie a.imprimer:hover {color:#07768D;}

table.rech-combinee {border:#e1e1e1 solid; border-width:0 1px; border-collapse;collapse; clear:both; padding;0; margin-top:-12px; _margin-top:-20px; width:620px; z-index:2;}
table.rech-combinee td {padding:10px; vertical-align:top;}
table.rech-combinee td.sep {background:#aacdd3; border:0; padding:0; vertical-align:bottom; width:1px;}
table a.voir {background:url(/images/metro/fleche-preciser.gif) no-repeat 90% 50%; display:block; padding:0 10px 0 0; width:60px;}

img.preciserbottom {position:relative; margin-top:-10px; z-index:1;}
.header-detail {padding-bottom:6px; vertical-align:top; width:511px; _width:491px; position:relative; border:1px solid #d1d3d4; background-color:#f4f1e9;}
.header-bottom {padding:0; vertical-align:top; position:relative; z-index:100;}

.top-detail-en {padding:0; margin-left:-10px; margin-right:-10px; vertical-align:top; background-repeat: no-repeat; width:519px; height:39px; position:relative;}
.top-detail-en a {display:block; float:left; margin-right:10px; padding:20px 0; width:155px;}
.top-detail-en a.comm {width:175px;}
.top-detail-en a span {display:none;}
.top-detail-en a.nombre {background:url(/images/metro/en/bg-recette-top-nombre.gif) no-repeat top right; color:#800000; display:block; font-weight:bold;padding:10px 10px 2px 20px; position:absolute; left:260px; text-decoration:none; text-align:center; top:-2px; width:40px;}

.bottom-detail {padding:0; vertical-align:top; width:513px; height:20px;}
.bottom-content{ visibility:hidden; }

.recette_icones-fr {top:0; right:0; padding:0; margin:0; margin-top:0; z-index:10; float:right; height:145px; background-repeat: no-repeat; position:absolute; width:22px;}
* html .recette_icones-fr {right:4px;}
.recette_icones-fr#nouveau {background-image: url(/images/metro/fr/bt-nouveau.gif);}
.recette_icones-fr-book {left:365px; text-align:left; padding:0; margin:0; vertical-align:top; margin-top:0; z-index:10; float:right; height:218px; background-image: url(/images/metro/fr/recette-ico-book.gif); background-repeat: no-repeat; position:absolute;}
.recette_icones-fr-book-grocery {left:365px; text-align:left; padding:0; margin:0; vertical-align:top; margin-top:0; z-index:10; float:right; height:218px; background-image: url(/images/metro/fr/recette-ico-book-grocery.gif); background-repeat: no-repeat; position:absolute;}
.recette_icones-fr-grocery {left:365px; text-align:left; padding:0; margin:0; vertical-align:top; margin-top:0; z-index:10; float:right; height:218px; background-image: url(/images/metro/fr/recette-ico-grocery.gif); background-repeat: no-repeat;	position:absolute;}
.recette_icones-en {top:0; right:0; padding:0; margin:0; margin-top:0; z-index:10; float:right; height:145px; background-repeat: no-repeat; position:absolute; width:22px;}

* html .recette_icones-en {right:4px;} 
.recette_icones-en#new {background-image: url(/images/metro/en/bt-nouveau.gif);}
.recette-title {
	padding-bottom:3px; 
	padding-right:5px; 
	width:340px; 
	clear:both; 
	display:block; 
	border:1px solid transparent; /* just for safari mac */ 
	_border:0;
}
.recette-title, .recette-title table tr td, .recette-title span {
	font:bold 16px Arial, Verdana, sans-serif !important;
	text-align:left; 
	color:#a91e24; 

}
.recette-title h1 {font:bold 12px Arial, Verdana,serif; color:#a91e24; margin-bottom:0;}
.recette-title a {font:bold 12px Arial, Verdana, serif; color:#993232; margin-bottom:0;}

.titreBleu {font:bold 12px Verdana, Arial, sans-serif; line-height:12pt; color:#6f6864;}

.Titres {font:bold 11px Verdana, Arial, sans-serif; line-height:11pt; color:#6f6864;}
.recipeSpecial {font:bold 10px Verdana, Arial, sans-serif; color:#a91e24;}			
.titreSection {font:bold 14px/20px Arial, Verdana, sans-serif !important; color:#a91e24; display:block;}	
.titleSection {font:bold 11px Arial, Verdana, sans-serif !important; color:#4c453f;}
.breadcrumbRecipe{
display:none;
}