#logo-foodnetwork {
	
background: url(http://www.chefdecuisinefrance.com/foodforecaster/images/img_foodforecast_228x25.jpg) no-repeat;
width: 228px;
height: 26px;
line-height:25px;
display: block;
    margin-left: auto;
    margin-right: auto;
}

#forecast-txt1 {
	
font-family: Droid+Serif:300;
text-align: center;
color: #868583;
font-weight: bold;
line-height: 120%;
font-size: 12px;

	
}


#forecast-txt {
	
font-family: Droid+Serif:300;
text-align: left;
color: #868583;
/* font-weight: bold; */
line-height: 120%;
font-size: 12px;

	
}

#logo-city {
	
 	text-align: center;
	font-weight: bold;
line-height: 30px;
	font-size: 25px;
}

#weather-wrapper {
position: relative;
margin-bottom: 10px;
padding-bottom: 5px;
border-bottom: 1px solid #dedede;
}
.section-wrapper {
float: left;
width: 100%;
/* overflow: hidden; */
z-index: 10;
vertical-align: top;
background-color: white;
-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}

user agent stylesheetdiv {
display: block;
}

#weather-left {
font-size: 25px;
margin: 10px auto !important;
display: inline-block;
width: 50%;
text-align: center;
vertical-align: top;
border-right: 1px solid #dedede;
}

#weather-min {
font-size: 18px;
margin: 10px auto !important;
display: inline-block;
width: 50%;
text-align: center;
vertical-align: top;
/*
border-right: 1px solid #dedede; */
}


#weather-right {
display: inline-block;
width: 47%;
position: relative;
text-align: center;
vertical-align: top;
}

#weather-title {
font-family: Droid+Serif:300;
color: #868583;
width: 158px;
height: 14px;
bottom: -25px;
position: absolute;
left: 50%;
font-size: 9px;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}



#weather-icon {
padding-top: 55px;
background-repeat: no-repeat;
background-size: auto 55px;
background-position: top center;
}

#weather-measurement #fahrenheit, #weather-measurement #celsius {
cursor: pointer;
}
#weather-measurement .selected {
color: black;
}


#celsius {
cursor: pointer;
}
#weather-measurement #celsius {
cursor: pointer;
}

#weather-measurement {
margin-top: 10px;
color: #c8c8c8;
font-size: 15px;
font-family: 'Verdana, Geneva, sans-serif';
}

#recipe-wrapper{
    margin-top: 5px;

    text-align: center;
}


#body-widget-wrapper #weather-wrapper > hr {
border: none !important;
border-bottom: 1px solid #dedede !important;
margin: 5px 0 !important;
}

#widget-wrapper[data-state="choose"] #recipe-wrapper{
    /*height: 0;*/
    /*margin-left: 300px;*/
    margin-top: 250px; }


#recipe-wrapper #recipe-label {
	/* background-color: #f2f1ef; */
  font-size:12px;
 line-height:1;
 font-family: Goudy+Bookletter+1911;
color: #918686;
font-weight: bold;
/*
line-height: 20px;

font-size: 14px;
*/
text-decoration: none;


}

#date-wrapper .date-select.selected {
color: #ef4923;
}

#date-wrapper .date-select {
display: table-cell;
width: 63px;
height: 70px;
padding: 0 8px;
margin: 8px 0;
z-index: 500;
font-family: 'gotham-book';
cursor: pointer;
color: #aeaeae;
text-align: center;
vertical-align: middle;
font-size: 30px;
text-transform: uppercase;
border-right: 1px solid #dedede;
}


/* below element takes multiple classes like  <div class='red-btn orange-btn'>  */
/* 	red  			ff3300
	red orange 		ff6600 
	orange			ff9900
  	yellow orange	ffcc00
	yellow 			ffff33
	yellow green	ccff33
	green			669933
	green blue		0099cc
	blue			0033ff
	blue violet		330099
	red violet		990033
	violet			990099
*/



.btn {
	
  width: 246px;
  height: 18px;
 /* padding-top: 15px; */
 margin:188px auto;
  position: absolute;
  /* bottom: 8px; */
  font-size: 12px;
  z-index: 20;
  cursor: pointer;
  color: white;
  text-align: center;
 /* line-height: 10px; */
  font-family: gotham;
  font-weight: bold;
 
}



.red-btn  { background-color: #ff3300; }
.orange-btn { background-color: #ff9900; }
.yellow-orange-btn { background-color: #ffcc00; }
.yellow-btn { background-color: #ffff00; }
.green-btn { background-color: #669933; }
.bleue-btn { background-color: #0033ff; }
.greenbleue-btn { background-color: #009999; }
.violet-btn { background-color: #990099; }




user agent stylesheetdiv {
  display: block;
}

hr.dividing-rule {
  border: none !important;
  border-bottom: 1px solid #dedede !important;
  margin: 0px 0; 
/* was margin: 5px 0 !important; */
}
 .date-select .day {
  font-size: 16px;
}


/*  fin de style food forecast -------*/

a { outline:0; }
/*a:link, a:visited { color:#ff0000; }*/
a:hover, a:focus { color:#000000; }

/* 5.LAYOUT
---------------------------------------------------------------------- */

/* div#page { width: was  946px; margin:20px auto; padding:30px 17px 10px 17px; background:url(http://colly.com/images/site/graph-tile.png) center top; } */
div#page { width:946px; margin:20px auto; padding:30px 17px 10px 17px;}

 /* margin:150px auto; padding:30px 17px 10px 17px;  background:url(http://colly.com/images/site/graph-tile.png) center top; }


/* 6.NAVIGATION
---------------------------------------------------------------------- */

ul#navigation_pri { clear:both; /*float:left*/; 
list-style-type:none; 
margin:12px 0 30px 0; 
/*  was  padding:0px 0 58px 0; ) */
repeat-x center bottom; }


.home ul#navigation_pri { margin:12px 0 0 0; padding:0 0 41px 0; background:transparent; }
/*
.external ul#navigation_pri { margin:12px 0 10px 0; padding:0; background:transparent; }

/* fixed width float:left; was width:246 now 229px;
*/
ul li#biography { line-height:18px; float:left; width:239px; padding:10px; border:1px solid #DDD; color:#333; -webkit-box-shadow: 1px 1px 7px rgba(153, 153, 153, 0.2); -moz-box-shadow: 1px 1px 7px rgba(153, 153, 153, 0.2); box-shadow: 1px 1px 7px rgba(153, 153, 153, 0.2); border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; background:white; }

ul li#biography { margin:0 11px 0 0; }

ul li#biography:hover,  { background-color: rgb(255, 255, 255); opacity:1.0; background-position:center -30px; }



/* 9.MEDIA QUERIES
---------------------------------------------------------------------- */

@media (min-device-width:1024px) and (max-width:989px),
       screen and (max-device-width:480px),
			 (max-device-width:480px) and (orientation:landscape),
       (min-device-width:481px) and (max-device-width:1024px) and (orientation:portrait) {
  div#page { width:570px; }
  .home ul#navigation_pri { padding-bottom:30px; }
  ul#navigation_pri li, ul#subnav-a li, ul#subnav-b li, ul#subnav-c li, ul#subnav-d li { margin-bottom:10px; }
  ul#navigation_pri li:nth-child(even), ul#subnav-a li:nth-child(even), ul#subnav-b li:nth-child(even), ul#subnav-c li:nth-child(even), ul#subnav-d li:nth-child(even) { margin-right:0; }
  #page ul[id^=subnav] { margin-bottom:0; }
	
	pre { width:360px; }
	
}

@media (min-device-width:1024px) and (max-width:509px),

       (max-device-width:480px) and (orientation:portrait) {
  div#page { padding:30px 0px 10px 0px; width:570px; } /* was width:306px;    */
ul li#biography, ul li#journal, ul li#archive { margin:0 0 15px 0; }
  .home ul#navigation_pri { padding-bottom:30px; }
h1 { margin:0; }
 
  ul#navigation_pri li, ul#subnav-a li, ul#subnav-b li, ul#subnav-c li, ul#subnav-d li { width:285px; }
	.biography ul#navigation_pri li a span.label, .journal ul#navigation_pri li a span.label, .archive ul#navigation_pri li a span.label, .contact ul#navigation_pri li a span.label, .biography ul#subnav-a li a span.label, .journal ul#subnav-a li a span.label, .archive ul#subnav-a li a span.label, .contact ul#subnav-a li a span.label, .biography ul#subnav-b li a span.label, .journal ul#subnav-b li a span.label, .archive ul#subnav-b li a span.label, .contact ul#subnav-b li a span.label { padding:2px 0 0px 0; background:none; }
  .home ul#navigation_pri li a span.label, .external ul#navigation_pri li a span.label { padding:2px 0 105px 0; background-repeat:no-repeat; }
	
}

/*MEDIA QUERIES
---------------------------------------------------------------------- */

@media (min-device-width:1024px) and (max-width:989px),
       screen and (max-device-width:480px),
			 (max-device-width:480px) and (orientation:landscape),
       (min-device-width:481px) and (max-device-width:1024px) and (orientation:portrait) {
  div#page { width:468px; } /* 350px Ok for nexus 4 was 468*/
  .home ul#navigation_pri { padding-bottom:30px; }
  ul#navigation_pri li, ul#subnav-a li, ul#subnav-b li, ul#subnav-c li, ul#subnav-d li { margin-bottom:10px; }
  ul#navigation_pri li:nth-child(even), ul#subnav-a li:nth-child(even), ul#subnav-b li:nth-child(even), ul#subnav-c li:nth-child(even), ul#subnav-d li:nth-child(even) { margin-right:0; }
 
  #page ul[id^=subnav] { margin-bottom:0; }
	div#content_pri { width:400px; margin:0; padding:0px 30px 0 0px;  border-left:0px dashed #DDD; }
	div#content_sec { display:none; }
	div#content_pri #post img { width:380px; height:auto; }
	div#content_pri #post object { width:380px; height:300px; }
	div#content_pri #responses p.response { font-size:13px; }
	pre { width:360px; }
	#from, #subject, #name, #email, #url, #message, #comment { width:380px; }
	div#siteinfo p { font-size:14px; }
}

}

/* * {
	transition: width .5s;
	-moz-transition: width .5s;
	-webkit-transition: width .5s;
}  */