/*

HTML Framework 
Version 0.1 Beta, July 14, 2009
Author: JD Graffam, http://jdgraffam.com/
Source: http://htmlframework.com/
Documentation: http://htmlframework.com/documentation.html

*/

/* Print Styles
--------------------------------------------------------- */
body {
	font-family: Helvetica,Arial,sans-serif;
	color: #788994;
}

img {
    border: medium none;
}

.recettePrintDetail, .evenementPrintDetail {
   width: 645px;
}
.recettePrintDetail .floatleft, .evenementPrintDetail .floatleft{
	float:left;
}
.recettePrintDetail .clearer, .evenementPrintDetail .clearer{
	clear:both;
}

.recettePrintDetail .line, .evenementPrintDetail .line {
	background-image: url("/img/calendrier/line.jpg");
  background-repeat: repeat-x;
  height: 5px;
  width: 645px;
}

.recettePrintDetail .header h1, .evenementPrintDetail .header h1{
	background-image: url("/img/entete/logo.jpg");
  background-repeat: no-repeat;
  color: #B6CAD7;
  font-size: 45px;
  text-indent: -9999px;
	width:445px;
}

.recettePrintDetail .content, .evenementPrintDetail .content {
	width:645px;
}

.recettePrintDetail .content h2 {
	color: #788994;
	font-size: 28px;
	letter-spacing: -0.5px;
	margin-bottom: 20px;
	width:600px;
}

.recettePrintDetail .content h3 {
	color: #788994;
  font-size: 14px;
}

.recettePrintDetail .content img
{
	margin-top:10px;
}

.recettePrintDetail .content .ingredients, .recettePrintDetail .content .preparation {
	font-size: 11px;
	line-height: 15px;
}

.recettePrintDetail .content .portion {
	color: #788994;
	font-size: 11px;
	font-weight: bold !important;
	line-height: 15px;
	margin: 10px 0 0 10px;
	width:345px;
}

/* EVENEMENTS */
#calendarFlash {
	display:none;
}
#calendarHtml {
	display:block !important;
}

.contHtmlCalendar {
	clear: both;
  margin-bottom: 20px;
  width: 645px;
}

.separateurLine {
	background-image: url("/img/calendrier/line.jpg");
  background-repeat: repeat-x;
  height: 5px;
  width: 100%;
}

.titre {
	height: 20px;
  margin-bottom: 10px;
  margin-top: 5px;
}

.titreListe {
	background-image: url("/img/titre/Lelait_events_liste.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
  display: block;
  height: 20px;
  overflow: hidden;
  padding-left: 0;
  text-indent: -999px;
  width: 72px;
}

.changeCalendrier {
    float: right;
    font-size: 10px;
    margin-top: -25px;
		display:none;
}

ul {
    border: medium none;
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.changeCalendrier ul li {
    float: left;
    height: auto;
}

.separateurPipe {
    color: #9EB6C9;
    display: block;
    height: 20px;
    margin-left: 10px;
    text-decoration: none;
    width: 10px;
}

li {
    border: medium none;
    display: list-item;
    margin: 0;
}

.btCalendrierRoll {
    color: #93CFF7;
    font-size: 11px;
    margin-left: 5px;
    text-decoration: none;
}

a {
    border: medium none;
    margin: 0;
    padding: 0;
    text-decoration: none;
}

.btCalendrier:hover, .btCalendrier:active, .btCalendrier:focus, .btCalendrier_selected {
    color: #B6CAD7;
}

.conteneurEvenementListe {
    margin-bottom: 20px;
    width: 100%;
}

.moduleListe {
    clear: both;
    height: 30px;
    margin-bottom: 10px;
    padding: 0;
}
.pointCouleur {
    float: left;
    height: 20px;
    margin-right: 20px;
    margin-top: 5px;
    overflow: hidden;
    width: 20px;
}

.texteListe {
    float: left;
}

.lienCalendrier {
    float: right;
    margin-top: 15px;
		display:none;
}

.lien {
    background-image: url("/img/presentation/imgLien.jpg");
    background-position: right 4px;
    background-repeat: no-repeat;
    color: #93CFF7;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: -0.3px;
    margin-top: 4px;
    padding-right: 13px;
}

.texteListe h2 {
    color: #788994;
    font-size: 13px;
}

.texteListe h1, .texteListe h2, .texteListe h3,.texteListe  h4, .texteListe h5,.texteListe .titre {
    margin: 0;
    overflow: hidden;
    padding: 0;
}

.texteListe h3 {
    color: #788994;
    font-size: 11px;
    font-weight: normal;
}

.legende {
    height: 20px;
}

.legendeBouton {
    color: #8796A0;
    float: left;
    font-size: 11px;
    height: 15px;
    line-height: 15px;
    margin-right: 15px;
    overflow: hidden;
}

.legendeBouton .legendeImage {
    float: left;
    margin-right: 5px;
}

.legendeBouton .legendeTexte {
    float: left;
}

.CLEAR {
    clear: both;
}


/* Produits Bio */
div.header, div.header div.entete, div.navigation, div.nav_products, a.btnRetourHaut, div.bioDetail img.fleche_nav{
    display: none;
}
.titreBio, 
.bioDetail .titreColonneDroiteOne { 
  text-indent: 0; background-image: none; 
}
div.content{
    width: 725px;
}
div.content div.bioDetail div.content_header p{
    margin-bottom: 10px!important;
}
div.content div.bioDetail div.content_plus > a{
    padding: 8px 0px!important;
    margin-bottom: 10px!important;
}
div.content div.bioDetail div.content_plus div.plus{
    display: block!important;
}
div.content div.bioDetail div.content_plus div.plus h3{
    margin-bottom: 10px!important;
}
div.content div.bioDetail div.content_plus div.plus >div.center_col{
    margin: 0px 20px!important;
}
div#footer_container{
    display:none!important;
}

/* SINGLE-RECIPE */
div.recetteDetail div.colonneDroite{
    display: none;
}
div.recetteDetail div.singleRecipeContent {
    float: left;
    clear: both;
}
div.recetteDetail #jp_container_1 video, div.recetteDetail #jp_container_1 div.jp-gui, div.recetteDetail #jp_container_1 div.jp-no-solution{
    display: none;
}
div.recetteDetail #jp_container_1 img#jp_poster_0{
    display: block!important;
}