body { }

/* élément passé des pages en global */
body {
	margin: 0 0 0;
}
#window {
	background-image: url(../img/background_vertical_10x899.png);
	background-repeat: repeat-x;
	height: auto;
}
#content {
	background-color: white;
	width: 985px;
	height: 899px;
	margin: 0px auto;
	position: relative;
}

#banner {
	position: relative;
	background-image: url(../img/fond_haut_985x83.png);
	background-repeat: no-repeat;
	width: 985px;
	height: 83px;

}
#picture { width: 985px; height: 282px; }

#conteneur-visuels-accueil{
	float: left;
	width: 709px;
	height: 282px;
	overflow: hidden;
}

#home{
	position: absolute;
	top: 82px;
	left: 0px;
	display: block;
	width: 220px;
	height: 100px;
}

#home a{
	display: block;
	width: 220px;
	height: 100px;
}

#main {
	background-image: url(../img/fond_page_985x1.png);
	background-repeat: repeat-y;
	width: 985px; height: auto;
}

/* col orange à droite s/ certaines pages uniquement */
.index #main,
.conseil-recettes #main{
	background-image: url(../img/fond_page_col_985x10.png);
}


#footer { background-color: white; width: 985px; height: 150px; }
#bottom {
	position: relative;
	background-image: url(../img/cadre_bas_985x10.png);
	background-repeat: no-repeat;
	width: 985px;
	height: 10px;
}
#menu {
	position: absolute;
	top: 0px;
	right: 1px;
	width: 605px;
	height: 36px;
}
#visuel {
	height: 282px;
    width: 709px;
}
#patissier { width: 270px; height: 83px; }
#recherche {
	background-image: url(../img/champ_recherche.jpg);
	position: absolute;
	bottom: 7px;
	right: 3px;
	width: 38px;
	height: 38px  ;
	padding-left: 235px;

}
#champ { position: absolute; top: 10px; left: 10px; width: 215px; height: 18px; }

/* ---------------------------------------------------------------------------------  */




p { font-family: Philosopher, arial, serif; }
td { vertical-align: top}
a:link { }
a:visited { }
a:hover { }
a:active { }

a.produit:link { color: #3f1513; line-height: 16px; text-decoration: none; }
a.produit:visited { color: #3f1513; line-height: 16px; text-decoration: none; }
a.produit:hover { color: #d4791d; line-height: 16px; text-decoration: none; }
a.brunjaune:link { color: #3f1513; font-weight: bold; text-decoration: none; }
a.brunjaune:visited { color: #3f1513; font-weight: bold; text-decoration: none; }
a.brunjaune:hover { color: #d4791d; font-weight: bold; text-decoration: none; }
a.brunblanc:link { color: #3f1513; font-weight: bold; text-decoration: none; }
a.brunblanc:visited { color: #3f1513; font-weight: bold; text-decoration: none; }
a.brunblanc:hover { color: #ffffff; font-weight: bold; text-decoration: none; }
a.blancbrun:link { color: #ffffff; font-weight: bold; text-decoration: none; }
a.blancbrun:visited { color: #ffffff; font-weight: bold; text-decoration: none; }
a.blancbrun:hover { color: #3f1513; font-weight: bold; text-decoration: none; }
a.jaunebrun:link { color: #d4791d; font-weight: bold; text-decoration: none; }
a.jaunebrun:visited { color: #d4791d; font-weight: bold; text-decoration: none; }
a.jaunebrun:hover { color: #3f1513; font-weight: bold; text-decoration: none; }
/* Internet Explorer and the Expanding Box Problem.
It's an unfortunate fact that Internet Explorer will always incorrectly expand any dimensionally restricted block element so that oversize content is unable to overflow, as the specs require that content to do. The W3C says a rigidly sized block box should allow oversize content to protrude or overflow beyond the edges of the sized box.
The following rule instructs Internet Explorer 5.5 and 6 to break words into the next line instead of expanding the block element.
*/
body { word-wrap: break-word; }
.textebrun11 { color: #3f1513; font-size: 8pt; font-family: Philosopher, arial, serif; line-height: 10pt; }
.textebrun12 { color: #3f1513; font-size: 9pt; font-family: Philosopher, arial, serif; line-height: 11pt; }
.textebrun13 { color: #3f1513; font-size: 10pt; font-family: Philosopher, arial, serif; line-height: 13pt; }
.texteblanc13 { color: #fff; font-size: 10pt; font-family: Philosopher, arial, serif; line-height: 13pt; }
.textebrun14 { color: #3f1513; font-size: 11pt; font-family: Philosopher, arial, serif; line-height: 15pt; }
.texteblanc14 { color: #fff; font-size: 11pt; font-family: Philosopher, arial, serif; line-height: 15pt; }.texteorange14 { color: #d4791d; font-size: 11pt; font-weight: bold; font-family: Philosopher, arial, serif; line-height: 15pt; }
.textebrun18 { color: #3f1513; font-size: 18pt; font-weight: bold; font-family: Philosopher, arial, serif; line-height: 22pt; }.texteorange20 { color: #d4791d; font-size: 20pt; font-weight: bold; font-variant: small-caps ; font-family: Philosopher, arial, serif; line-height: 22pt; }
.texteblanc18 { color: #fff; font-size: 18pt; font-weight: bold; font-family: Philosopher, arial, serif; line-height: 22pt; }.texteorange20 { color: #d4791d; font-size: 20pt; font-weight: bold; font-variant: small-caps ; font-family: Philosopher, arial, serif; line-height: 22pt; }
.texteorange18 { color: #d4791d; font-size: 18pt; font-weight: bold; font-family: Philosopher, arial, serif; line-height: 22pt; }
.texteblanc20 { color: #fff; font-size: 20pt; font-weight: bold; font-family: Philosopher, arial, serif; line-height: 22pt; }
.textebrun20 { color: #3f1513; font-size: 20pt; font-weight: bold; font-family: Philosopher, arial, serif; line-height: 22pt; }.champ /*agl rulekind: base;*/ { background: none; border: none; cursor: text; width: 215px; height: 20px; font-size: 12px; }
.texteblanc20 { color: #fff; font-size: 20pt; font-weight: bold; font-family: Philosopher, arial, serif; line-height: 22pt; }

/* styles pour les news defilantes */
#news {
	position: relative;
	height: 400px;
	width: 247px;
	margin: 30px 15px;
}

.news_style { display:none; }
.news_show { position:absolute; background-color: inherit; clip:rect(0px 247px 400px 0px); }
.news_border { background-color: inherit; width:247px; height:400px; font: normal 13px "Arial"; border: 0px solid gray; padding: 0px; /*overflow: auto;*/ }
.news_mark { visibility:hidden; background-color: inherit ; font: normal 13px "Arial"; border: 0px solid gray; width:0px; height:0px; color:black; text-align:center; }
.news_title { visibility:hidden; font: bold 13px "Arial"; border: 0px solid gray; padding: 0px; color:black; }
.news_show img { margin-left: 5px; margin-right: 5px; }

#news_button {
	display: block;
	width: auto;
	height: 20px !important;
	position: absolute;
	bottom: 0px !important;
	left: 80px !important;
}

.news_move { position: relative; }
.mytable { width:247px; height:400px; vertical-align: top; }
/* fin styles pour les news defilantes */