﻿body {  }

/* Mise en page générale */
.listeContainer {padding-top: 60px; position: relative; float: left;}
#master {background-image: url(/img/layout/recettes/background-recette.jpg);}

/* Menu de gauche */
.pixel_gris_MenuNiv2, .menuNiv2Content a.MenuNiv2 img.cellLinkLeft {display: none;}
.menuNiv2Content {margin-top: 90px; margin-bottom: 30px; border-top: 1px dotted #85868f;}
a.MenuNiv2, a.MenuNiv2Select {position: relative; color: #fff; font-weight: bold; border-bottom: 1px dotted #85868f; display: block; padding: 3px 3px 3px 11px;}
a.MenuNiv2Select img.cellLinkLeft {position: absolute; left: 0; top: 0; height: 100%;} 


/* Boite de recherche */
.SectionRechercheIndex {border: 1px solid #4799cf; margin-bottom: 30px; margin-left: 10px; }
.SectionRechercheIndex h2 {line-height: 25px; height: 25px; background-color: #4799cf; font-size: 14px; padding-left: 5px; font-weight: bold; margin: 0; color: #fff; width:177px; }

.boxCritereRechercheRecette{padding:13px 8px 8px 8px; background: url(/img/layout/recettes/boiterecherche.png) top left no-repeat;}
#boxCritereRechercheRecette input{border:1px solid #576a7d; color:#0170bc; margin-bottom: 12px;}
#boxCritereRechercheRecette select{border:1px solid #576a7d; background-color:#fff; margin-bottom: 12px;}

.BoxLienRecherchAvance {}
.BoxLienRecherchAvance a {color: #000; font-size: 12px;}
.ListeDeroulanteIngredients { z-index:1000; position:absolute; }

.rech-col-separation {  float:left; }
.rech-col-separation .spacer { width:59px; height:1px; }

/* Boîte des recettes associée */
.SectionRecetteAssocie {border: 1px solid #4799cf;  margin:0 0 0 0; width: 181px; }
.SectionRecetteAssocie h2 {line-height: 25px; height: 25px; background-color: #4799cf; font-size: 14px; padding-left: 5px; font-weight: bold; margin: 0; color: #fff;}

/* Override des styles de la boîte des recettes associée */
#DocAssocie { border: 1px solid #4799cf; background-color:#E9F2F9; }
#DocAssocie a { font-size:12px; }
#DocAssocie .item-doc-associe { border-bottom:solid 1px #C9E5F4; }
#DocAssocie .item-doc-associe img { display:none; }
#DocAssocieContent { margin-top:-8px; }

/* Recherche */
#contenuRightAccueil {float: left;}
#enteteRecherche {margin-top: 45px; height: 116px; background: url(/img/layout/recettes/rechercheshadow.png) top center no-repeat;}
#termeRecherche {height: 36px; padding-top: 22px;}
#termeRecherche .CritereRecherche {color: #fff; line-height: 36px; font-size: 19px;}
#termeRecherche span.label, #triRecherche span.label { font-size: 0; text-indent: -9999px; display: block; float: left; clear: left;}
#termeRecherche span.label {width: 265px; height: 36px; background: url(/img/layout/recettes/resultatderecherche.png) top left no-repeat;}
#triRecherche {margin-top: 1px; line-height: 39px;}
#triRecherche label {font-size: 11px; font-weight: bold; color: #000;}
#triRecherche span.label {width: 118px; height: 39px; background: url(/img/layout/recettes/trierpar.png) top left no-repeat;}

.divPages {text-align: right; margin-top: -10px; margin-bottom: 15px; font-size: 12px;}
.divPages a {color: #313440;}

#TrierParRecetteRadio input{ border:0px; }

.ColonneResultat{ width:740px; margin:0px 0px 10px 0px; float:left;}  

.resultatRechercheRecette{ width:206px; margin:0px 0px 10px 0px; float:left;  padding:0; }
.photoresultatRechercheRecette{ width:206px; float:left;}
.descriptionresultatRechercheRecette{ width:210px;}
.descriptionresultatRechercheRecette .titre-recette a { font-size:15pts; font-weight:bold; color:#A5CF4E; }
.RatingresultatRechercheRecette{ margin-top:5px; }
.RatingresultatRechercheRecette a { color:#A5CF4E; }
.boxIndexRecetteDuo{margin-top:5px;}

.tabRecette {position: relative; border: 1px solid #a5cf4e; color: #fff; text-transform: uppercase; padding: 5px 8px; font-size: 9px; font-weight: bold; z-index: 5;}
.tabRecette {-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;}
.photoresultatRechercheRecette img {position: relative; z-index: 6;}

/* Fiche */
#contenuFiche {background-color: #fff;}
#enteteRecette {width: 738px; height: 325px; position: relative; margin-left: 1px;}
#photoRecette {z-index: 5; position: absolute; }
#photoRecette img {z-index: 5;}
#donneesRecette {width: 738px; height: 325px; background:  url(/img/layout/recettes/cadre.png) no-repeat; z-index: 6; position: relative;}
#citationRecette {width: 163px; position: absolute; top: 22px; right: 18px; text-align: center; line-height: 1.2;}
#tempsRecette, #portionsRecette, #mots-cles-recette {position: absolute; z-index: 7; font-size: 12px; line-height: 1.2;}
#tempsRecette, #portionsRecette, #mots-cles-recette a {color: #0072bb;}
#tempsRecette {top: 280px; left: 85px;}
#tempsRecette span {font-weight: bold;}
#portionsRecette {top: 285px; left: 315px; font-weight: bold; font-size: 13px;}
#laisser-commentaire { margin-bottom:10px; }
 
/* Votes */
#divAppreciation {position: absolute; width:165px; height: auto; top: 175px; right: 15px; text-align: center;}
#divRating img {margin-bottom: 10px;}
#master #divAppreciation a {color: #fff !important; font-weight: bold; text-transform: uppercase; font-size: 11px; display: block; line-height: 1.4;}
#master #divAppreciation a span {color: #fff !important; font-weight: bold !important;}
#divRatting{ background-color:#fff; width:165px; font-size:13px; font-weight:bold;} 
.divVoterRecette{ display:none; text-align:center;}

.ratingStar {font-size: 0pt; width: 31px; height: 30px; margin: 0px; padding: 0px; cursor: pointer; display: block; background-repeat: no-repeat;}
.filledRatingStar {background-image: url(/img/layout/recettes/etoilebigon.png);}
.emptyRatingStar { background-image: url(/img/layout/recettes/etoilebigoff.png);}
.savedRatingStar { background-image: url(/img/layout/recettes/etoilebigon.png);}

.linkAppreciation {cursor:pointer;}

#divVoterRecette{ display:none; cursor:pointer;}
#divTitreAppreciation{color: #fff; font-weight:bold;}

#mots-cles-recette { text-align:right; top:285px; right: 95px; line-height: 15px;}
#mots-cles-recette a { margin-left: 10px; padding-left: 10px; font-size:10px; border-left: 1px dotted #fff;}
#mots-cles-recette a:first-child {border-left: 0;}

#mots-cles-recette span {color: #fff; position: absolute; width: 82px; text-align: center; right: -95px; font-weight: bold;}
 
/* Accueil recettes */
.section-categorie-recette { width:738px; height:117px; margin-bottom:1px; border:solid 1px #a5cf4e; }
.section-categorie-recette .images { width:280px; float:left; position: relative;}
.section-categorie-recette .images .image-categ { position: absolute; top: 0; left: 0; z-index: 10; }
.section-categorie-recette .images .image-recette { float:left; width:200px; margin-left: 80px; z-index: 9; position:relative; padding:0; }

.section-categorie-recette .info-recette { width: 434px; float:left; margin:9px 12px 7px 12px; }
.section-categorie-recette .info-recette .descriptif { height:80px; }
.section-categorie-recette .info-recette .descriptif .titre-recette a { color:#a5cf4e; font-size:20px; }
.section-categorie-recette .info-recette .descriptif .resume-recette { width:310px; margin-top:8px; }
.section-categorie-recette .info-recette .descriptif .resume-recette a { color:#596972; text-decoration:none; font-size:13px; line-height:13px; }
.section-categorie-recette .info-recette .score-etoiles { vertical-align:bottom; }

.section-recettes-de-categorie { float: none; }

#master .colonne-recettes .afficher-plus-recettes a { color:#000; font-size:10px; font-weight:bold; text-decoration:underline; }

.collapsePanelHeaderLong .imgCollapseHeaderLong {margin-right:5px; background: url(/img/layout/recettes/toggle-soupe.png) no-repeat; width: 38px; height: 38px; padding: 0; position: absolute; right: -1px; margin-top: -22px;}
.collapsePanelHeaderLong .imgCollapseHeaderLong img {padding: 12px; margin: 0;}

.collapsePanelLong {  margin-top:0px; width:734px; margin-left:1px;  border-top:0px; }

/*.collapsePanelLong { box-shadow: 0px 0px 8px #555; -moz-box-shadow: 0px 0px 8px #555; -webkit-box-shadow: 0px 0px 8px #555; behavior: url(/css/pie-1.0beta4/pie.htc); }*/
.collapsePanelLong .section-recettes-de-categorie { width:641px; min-height:60px; margin: 0px 16px 0px 82px; padding-top:20px; font-size:13px; }

.collapsePanelLong .section-recettes-de-categorie .colonne-recettes { float:left; width:310px; }

.contenant-liste-recettes {  }
#liste-recette-soupes { background-color:#D9F7F1; }
#liste-recette-salades { background-color:#E7F8FF; }
#liste-recette-viandes { background-color:#FFF4E3; }
#liste-recette-poissons { background-color:#FFECEC;}
#liste-recette-oeufs { background-color:#FFEBF7; }
#liste-recette-accompagnements{ background-color:#E5F3F8; }
#liste-recette-desserts { background-color:#F5F3FF; }


/* Recettes de A à Z */
.boite-categorie-recette { width:738px; min-height:92px; border:solid 1px #a5cf4e; }
.boite-categorie-recette .section-image { width:130px; float:left;  }
.boite-categorie-recette .section-recettes { width:608px; margin-top:10px; float:left; font-size:13px; }
.boite-categorie-recette .section-recettes .colonne-recettes { float:left; width:303px; }

/* Catégorisation */
.boite-categorie-recette, .section-categorie-recette {background-position: right top; background-repeat: no-repeat; background-color: #fff !Important;}
.section-categorie-recette, .collapsePanelLong {
-moz-box-shadow: 0px 0px 8px #555;
-webkit-box-shadow: 0px 0px 8px #555;
box-shadow: 0px 0px 8px #555;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#B2B2B2')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#B2B2B2');
}



#image-categ-recette-soupes { background-image:url( /img/layout/recettes/tab-soupe.png); width:99px; height:97px;}
#image-categ-recette-salades { background-image:url( /img/layout/recettes/tab-salade.png); width:85px; height:94px;}
#image-categ-recette-viandes { background-image:url( /img/layout/recettes/tab-viande.png); width:100px; height:102px; }
#image-categ-recette-poissons { background-image:url( /img/layout/recettes/tab-poisson.png); width:92px; height:96px;}
#image-categ-recette-oeufs { background-image:url( /img/layout/recettes/tab-oeuf.png); width:113px; height:105px;}
#image-categ-recette-accompagnements { background-image:url( /img/layout/recettes/tab-accompagnement.png); width:127px; height:95px;}
#image-categ-recette-desserts { background-image:url( /img/layout/recettes/tab-dessert.png); width:106px; height:100px; }



#recette-soupes.boite-categorie-recette, #recette-soupes .section-categorie-recette {background-image: url(/img/layout/recettes/fond-soupe.png) !Important;}
#recette-salades.boite-categorie-recette, #recette-salades .section-categorie-recette {background-image: url(/img/layout/recettes/fond-salade.png) !Important;}
#recette-viandes.boite-categorie-recette, #recette-viandes .section-categorie-recette {background-image: url(/img/layout/recettes/fond-viande.png) !Important;}
#recette-poissons.boite-categorie-recette, #recette-poissons .section-categorie-recette {background-image: url(/img/layout/recettes/fond-poisson.png) !Important;}
#recette-oeufs.boite-categorie-recette, #recette-oeufs .section-categorie-recette {background-image: url(/img/layout/recettes/fond-oeuf.png) !Important;}
#recette-accompagnements.boite-categorie-recette, #recette-accompagnements .section-categorie-recette {background-image: url(/img/layout/recettes/fond-accompagnement.png) !Important;}
#recette-desserts.boite-categorie-recette, #recette-desserts .section-categorie-recette {background-image: url(/img/layout/recettes/fond-dessert.png) !Important;}

.colonne-recettes a {display: block; padding-left: 16px; background-position: left 6px; background-repeat: no-repeat;}
#recette-accompagnements .colonne-recettes a { color:#0089AF; }
#recette-soupes .colonne-recettes a { color:#099F81; }
#recette-salades .colonne-recettes a { color:#0072BB; }
#recette-viandes .colonne-recettes a { color:#E49513; }
#recette-poissons .colonne-recettes a { color:#FF4243; }
#recette-oeufs .colonne-recettes a { color:#FF40AC; }
#recette-desserts .colonne-recettes a { color:#9F8BFF; }

.resultatRechercheRecette .recette-accompagnements { background-color:#0089AF; }
.resultatRechercheRecette .recette-soupes { background-color:#099F81; }
.resultatRechercheRecette .recette-salades { background-color:#0072BB; }
.resultatRechercheRecette .recette-viandes { background-color:#E49513; }
.resultatRechercheRecette .recette-poissons { background-color:#FF4243; }
.resultatRechercheRecette .recette-oeufs { background-color:#FF40AC; }
.resultatRechercheRecette .recette-desserts { background-color:#9F8BFF; }

#recette-accompagnements.boite-categorie-recette a, 
.section-recettes-de-categorie .colonne-recettes .recette-accompagnements a{background-image: url(/img/layout/recettes/listitem-accompagnement.png);}
#recette-soupes.boite-categorie-recette a,
.section-recettes-de-categorie .colonne-recettes .recette-soupes a{background-image: url(/img/layout/recettes/listitem-soupe.png);}
#recette-salades.boite-categorie-recette  a, 
.section-recettes-de-categorie .colonne-recettes .recette-salades a{background-image: url(/img/layout/recettes/listitem-salade.png);}
#recette-viandes.boite-categorie-recette  a,
.section-recettes-de-categorie .colonne-recettes .recette-viandes a{background-image: url(/img/layout/recettes/listitem-viande.png);}
#recette-poissons.boite-categorie-recette  a,
.section-recettes-de-categorie .colonne-recettes .recette-poissons a{background-image: url(/img/layout/recettes/listitem-poisson.png);}
#recette-oeufs.boite-categorie-recette  a,
.section-recettes-de-categorie .colonne-recettes .recette-oeufs a{background-image: url(/img/layout/recettes/listitem-oeuf.png);}
#recette-desserts.boite-categorie-recette  a,
.section-recettes-de-categorie .colonne-recettes .recette-desserts a{background-image: url(/img/layout/recettes/listitem-dessert.png);}

#recette-soupes .collapsePanelHeaderLong .imgCollapseHeaderLong {background-image: url(/img/layout/recettes/toggle-soupe.png);}
#recette-viandes .collapsePanelHeaderLong .imgCollapseHeaderLong {background-image: url(/img/layout/recettes/toggle-viande.png);}
#recette-poissons .collapsePanelHeaderLong .imgCollapseHeaderLong {background-image: url(/img/layout/recettes/toggle-poisson.png);}
#recette-oeufs .collapsePanelHeaderLong .imgCollapseHeaderLong {background-image: url(/img/layout/recettes/toggle-oeuf.png);}
#recette-salades .collapsePanelHeaderLong .imgCollapseHeaderLong {background-image: url(/img/layout/recettes/toggle-salade.png);}
#recette-accompagnements .collapsePanelHeaderLong .imgCollapseHeaderLong {background-image: url(/img/layout/recettes/toggle-accompagnement.png);}
#recette-desserts .collapsePanelHeaderLong .imgCollapseHeaderLong {background-image: url(/img/layout/recettes/toggle-dessert.png);}

.imgCollapseHeaderLong img { cursor:pointer; }

/* Menu de navigation catégorie recettes*/
.barre-onglets { margin-left:280px; margin-top:-1px; height:80px;  }
.liens-barre-onglets { margin-left:70px; margin-top:-63px; position:relative; float:left; height:80px; vertical-align:bottom; vertical-align:text-bottom;}


/* Recette familiales - Commentaires */
#divTitreInviteCommentaire{ border-top:solid 2px #b5d792; border-bottom:solid 1px  #b5d792}
.BoiteSignalerAbus{ z-index: 10; position:absolute; top:0; left:0; visibility:hidden; font-size:12px; line-height:16px; width:250px;  background-color:#fff;}
#CadreFormSignalerAbus{padding:20px; border:solid 2px #aeaeae; height:230px;}
.DistanceHautBas{ margin-top:20px; margin-bottom:20px}
.PagerStyle td table tbody tr td{ padding-bottom:5px; padding-top:5px}
.PagerStyle td table tbody tr td span{color:#64a142; font-size:12px; font-weight:bold; text-align:center;}
.PagerStyle td table tbody tr td a{color:#64a142; font-size:13px; text-align:center; margin-right:3px; margin-left:3px; text-decoration:underline}
.PagerStyle td table tbody tr td a:active{color:#64a142; font-size:13px; margin-right:3px; margin-left:3px; text-align:center;}
.StyleTexteTitreArretCommentaires {font-size:18px; color:#ee9828}
.listeCommentaire { width:100%; border-bottom:solid 1px #b5d792;}

.trier-commentaires {}
.TexteTitreAvertirMod{ color:#343434;}
.DistanceDroit{ margin-right:10px}

.AlternatedStyleCommentaire{background-color:#f9f9f9;  border-bottom:dotted 1px #b9b9b9; border-top:dotted 1px #b9b9b9;}
.SizeTexteDate{ font-size:10px}
.DistanceHaut{ margin-top:10px;}
.SizeTexteNombreCommentaires{ font-size:12px;}

.TexteVert{color:#7bae59;}
.linkCommentairesRecette {margin-left:7px; padding-top:6px; cursor:pointer;}
a.FontStyleNormal a{ font-style:normal;}

#listecommentaires { }
#contenu-liste-commentaires { padding:18px 0 0 0; }
.TexteCommentaire{ color:#596972;  }
.TexteAuteur{ color:#999999; font-size:11px; }
.StyleTexteTitre {font-size:18px; color:#666666; font-weight:bold; }
.ItemCommentaire{ margin:10px 24px 10px 24px;}
.RowStyleCommentaire{background-color:#fff;  border-bottom:1px dotted #B8E4E5; border-top:1px dotted #B8E4E5;}

.formulaire-commentaires { font-size:12px; }

.boiteModalite { background-color: #FFFFFF; border: 4px solid #9CC87D; color:#596972; cursor: pointer; font-size: 12px; margin-top: 10px; padding: 5px 10px; }
.boiteModalite h2 { color: #596872 !Important; font-size: 18px  !Important; font-weight: normal  !Important; margin: 35px 0 10px; padding: 0; }

#ouvrir-modalites-utilisation { cursor:pointer; color:#0072BC; text-decoration:underline; display:inline; }
#fermer-modalites-utilisation { text-align:right; margin-top:5px; margin-bottom:-30px; }

/* Contenu-fiche */
#titreDePage { color:#A5CF4E !Important; }

#contenuFicheTexte { font-size:12px; }
#contenuFicheTexte h2 { color:#A5CF4E; font-weight:bold; font-size:25px; }
#contenuFicheTexte ul { line-height:18px; list-style-image:url(/img/bullet_bleu.gif); padding-top:0px; }

Table#IngredientsTableau { border:none; font-weight:bold; width:705px; }
Table#IngredientsTableau td { border-bottom:#b9b9b9 1px dotted; padding:3px 3px 3px 3px; }
Table#IngredientsTableau .cell_1 { width:173px; }
Table#IngredientsTableau .cell_2 { width:360px;}
Table#IngredientsTableau .cell_3 { width:172px;}

Table#ValeurNutritiveTableau, Table#GuideAlimentaireTableau { border:none; padding:0;  width:178; display:block; }
Table#ValeurNutritiveTableau h2, Table#GuideAlimentaireTableau h2 { color:#4799CF; font-size:18px !Important; padding-top:0px; margin-top:0px; }
Table#ValeurNutritiveTableau h3, Table#GuideAlimentaireTableau h3 { color:#4799CF; font-size:13px !Important; margin-top:-5px; }
Table#ValeurNutritiveTableau td { width:174px; }
Table#ValeurNutritiveTableau td, Table#GuideAlimentaireTableau td  { border-bottom:#b9b9b9 1px dotted; padding:4px 0 2px 0; }

div.GuideAlimentaireLegume { background-image:url(/img/layout/Recettes/icones/pomme.png); height:20px; width:21px; margin:0 0 0 0; }
div.GuideAlimentaireCereale { background-image:url(/img/layout/Recettes/icones/ble.png); height:20px; width:21px; margin:0 0 0 0; }
div.GuideAlimentaireViande { background-image:url(/img/layout/Recettes/icones/poisson.png); height:20px; width:21px; padding:0 0 0 0; }
div.GuideAlimentaireLait { background-image:url(/img/layout/Recettes/icones/lait.png); height:20px; width:21px; margin:0 0 0 0; }

.alignRight { text-align:right; width:18px; }

.contenant-signature-recette { color:#878787; font-size:14px; margin:36px 10px 10px 0px; font-weight:bold; width:690px;  }
.contenant-signature-recette a { color:#878787; font-weight:bold; text-decoration:underline; }
.contenant-signature-recette div { height:60px; padding-right:10px; }

#contenant-signature-recette-epices { padding-bottom:30px; }
#contenant-signature-recette-epices #colonne-gauche { padding-top:30px; }
#contenant-signature-recette-epices #colonne-gauche div { width:1px; }
#contenant-signature-recette-epices #colonne-droite { padding-top:20px; }
#contenant-signature-recette-epices #divLigneHorGauche { border-left:solid 1px #95DA66; border-right:solid 1px #95DA66; height:79px; margin-left:0px; margin-right:10px; }

#TableauxInfoAlimentaire { width:204px; float:right; margin-top:35px; margin-left:20px; }

.TableauBordure { border:solid 1px #4799CF; padding:13px; margin-bottom:18px;  }













