BODY, HTML {
width:100%;
height:100%;
margin: 0px;
background-image:url(images/bgtile.jpg);
background-repeat:repeat-x;
background-color:#f2f3e6;
font color: #ffffff; text-decoration: none; font-size : 12px; font-family : verdana, arial, sans-serif; font-weight : normal;
}

.quiz {
	padding:25px 20px 15px 20px;
	}
 
 .quiz H1,  .quiz H2 { margin-bottom:10px; }
 
.quiz-row {
	margin-bottom:4px;
	text-align:left;
	padding:5px 0 5px 0;
	border-top:1px solid #e1d3b3;
	}
.quiz-row , .quizresults {
	font-size:10px;
	font-weight:bold;
	}

.splashboxes {
	margin-top:7px;
	width:562px;
	background-image:url(images/splashboxes.gif);
	}
#splashboxgauchebottom{
		display:block;
	
}
.splashboxgauche, .splashboxdroite {
	width: 274px;
	height:100%;
	overflow:hidden;
	background:#f3efe6;
	background-repeat:no-repeat;
}

.imgrecette {
	width:215px;
	margin-left:30px;
	} 

a.coupcoeur:link,a.coupcoeur:active,a.coupcoeur:visited,a.coupcoeur:hover {
	width:180px;
	display:block;
	margin-top:10px;
	padding-top:10px;
	color:#b9b374;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	}

.splashboxgauche {
	padding-top:40px;
	float:left;
	}
	
.splashboxgauche IMG{
	
	}
	
.splashboxdroite {
	float:droite;
	margin-left:288px;
	}

.f-left {
	float:left;
	}

.f-right {
	float:right;
	}

.varietebox{
	height:400px;
	overflow:auto;
	}

.recettehead {
	float:left;
	width:280px;
	}
.recettephoto {
	float:right;
	width:215px;
	}

.recettehead H3 {
	padding:0 0 20px 0;
	}

.clear{
	height:0;
	width:0;
	clear:both;
	}

#diffuseur {
	height:349px;
	width:562px; 
	/*margin-bottom:14px;*/
	}
.diffuseur {
	/*height:329px;*/
	width:562px; 
	}
.mainbox {
width:909px;
margin: 0px;
background-image:url(images/mainback.jpg);
background-repeat:no-repeat;
background-color:#ffffff;
font color: #ffffff; text-decoration: none; font-size : 12px; font-family : verdana, arial, sans-serif; font-weight : normal;	
	}
	
.entetebox {
	display:block;
	background-position:right;
	background-repeat:no-repeat;
	margin-right:5px;
	text-align:right;
	height:129px;
	}
	
.contenubox{
	margin-left:47px;
	float:left;
	width:609px;
	min-height:430px; 
	text-align:left;
	background-position:left top; 
	background-repeat: no-repeat;
	}
	
.splashcontenubox{
	margin-left:47px;
	float:left;
	min-height:430px; 
	text-align:left;
	background-position:left top; 
	background-repeat: no-repeat;
	padding:40px 31px 0 19px;
	}

.contenubox .subcontenubox{	
	padding:40px 31px 0 31px;
	color:#666;
	z-index:10;
	}

.subcontenubox{	
	padding:0;
	color:#666;
	}
		
.menubox{
	float:right;
	width:206px;
	margin-right:46px;
	margin-left:-2px;
	padding-top:40px;
	text-align:left;
	}

.menubox2{
	float:right;
	width:208px;
	margin-right:44px;
	padding-top:40px;
	text-align:left;
	border:1px solid red;
	}
	
.mainfootbox {
	z-index:0;
	width:909px;
	height:84px;
	padding-top:1px;
	margin: 0px 0 0 0px;
	background-image:url(images/mainfoot.jpg);
	background-repeat:no-repeat;
	text-align:left;
	color:#B0B878; 
	font-size:9px; 
	line-height:11px;
	}
.mainfootbox p {
	padding:25px 0 0 80px;
	}

H1 { color:#BB643C; font-size:13px; font-weight:normal; margin-bottom:30px;}

H2 { color:#777777; font-size:13px; font-weight:bold; margin:10px 0 15px 0; }

H3 { color:#BEB87D; font-size:13px; font-weight:bold; margin:10px 0 -8px 0; text-decoration:none; }

a.titrelien:link, a.titrelien:visited, a.titrelien:hover, a.titrelien:active { color:#BEB87D; font-size:13px; font-weight:bold; margin:10px 0 -8px 0; text-decoration:none; }

.bibliotitres { color:#BEB87D; font-size:13px; font-weight:bold; margin:10px 0 -8px 0; text-decoration:none; margin-bottom:15px;}

.nobold STRONG, .nobold B { font-weight:normal; }

H4 { color:#BEB87D; font-size:13px; font-weight:bold; margin:10px 0 10px 0; }

H5 { color:#BEB87D; font-size:13px; font-weight:bold; margin:4px 0 -30px 0; }

TD, .content {
color: #666666; font: 12px verdana, arial, sans-serif; font-weight : normal;
line-height:18px;
}

.commpresse{
	margin:10px 0 10px 0;
	background-image:url(../../images/commpresse.jpg);
	width:399px; 
	height:74px;
}

.commpresse a{ 
	display:block;
	text-decoration:none;
	font-weight:bold;
	color:#666666;
	padding-top:50px;
	left:20px;
	width:379px;
	height:24px;
	text-align:left;
}

.thumbvide {
	float:left;
	width:99px;
	height:87px;
	margin:0 20px 15px 0;
	background-image:url(../../images/recettes/t_vide.jpg);
}

.recettetexte { padding:5px 0 0 0;}

.lesrecettes H2{
	margin-bottom:3px;
}

.lesrecettes DIV {
	margin-top:-20px;
	}

.lesrecettes P {

margin:0 0 15px 0;

}

.lesrecettes UL{
	margin-top:5px;
}

.required_field{
	color:red;
}

.formtools INPUT{
	margin:0 0 12px 0;
	padding:0 0 2px 0;
	border-top:0;
	border-left:0;
	border-right:0;
	border-bottom:1px solid #999999;
}

.avantages TABLE { margin:0; }
.avantages TD { text-align:center; }

.footnote, .footnote TD {
color: #000000; font: 10px verdana, arial, sans-serif; font-weight : normal; font-style:italic;
line-height:16px;
}

.footnote B, .footnote TD B{
color: #222222; font: 10px verdana, arial, sans-serif; font-weight : bold; font-style:normal;
line-height:14px;
}

.left {
float:left;
} 

.right {
float:right;
}

.varietes H3 {
margin-top:0;
padding-top:0;
}

.varietes UL, .varietes LI{
margin:0;
padding:0;
}

.footmenu {
margin:0 5px 0 5px;
font-size:10px;
}


#betterlist UL {


}

#betterlist LI{
list-style:none;
padding:0;
margin:0 0 0 0;
}

.recettehead UL, .recettehead LI, .nolist UL, .nolist LI{
list-style:none;
padding:0;
margin:-3px 0 4px -40px;
line-height:inherit;
}

#bibliographie LI{
padding:0;
margin:0 0 0 -20px;
}

#outer {width: 100%; height: 100%; overflow: visible;}
#outer[id] {display: table; position: static;}
#middle {width: 100%; position: absolute; top: 50%;} /* for explorer only*/
#middle[id] {display: table-cell; vertical-align: middle; position: static;}
#inner {width: 100%; position: relative; top: -50%} /* for explorer only */

#headalign {width: 100%; position: absolute; bottom: 1%;} /* for explorer only*/
#headalign[id] {display: table-cell; vertical-align: bottom; position: static;}

#footalign {width: 100%; position: absolute; top: 1%;} /* for explorer only*/
#footalign[id] {display: table-cell; vertical-align: top; position: static;}

.menu_secondaire {

	padding:0 0 10px 0; 

}

.image{
border:2px solid #C88C68;
}

.mention  {color: #BB643C; font-weight:bold; }  
 
A:link  {color: #ff6600; text-decoration: underline;}  
A:visited  {color:  #ff6600; text-decoration: underline;} 
A:active  {color:  #ff6600; text-decoration: underline;} 
A:hover  {color:  #ff3300; text-decoration: underline;} 

A.nav:link  {color: #BB643C; text-decoration: underline; font-weight:bold;}  
A.nav:visited  {color:  #BB643C; text-decoration: underline; font-weight:bold;}  
A.nav:active  {color:  #BB643C; text-decoration: underline; font-weight:bold;}  
A.nav:hover  {color:  #ff3300; text-decoration: underline; font-weight:bold;}  

A.phototheque { text-decoration: none; font-size:11px; line-height:14px;}     
A.phototheque:link  {color: #ff6600;}  
A.phototheque:visited  {color:  #ff6600;} 
A.phototheque:active  {color:  #ff6600;} 
A.phototheque:hover  {color:  #ff3300;} 

A.sidemenu:link  {color: #666666;text-decoration:none;}  
A.sidemenu:visited  {color:  #666666;text-decoration:none;} 
A.sidemenu:active  {color:  #ff6600;text-decoration:none;} 
A.sidemenu:hover  {color:  #ff3300;text-decoration:none;} 

A.menus:link  {color: #ffffff;text-decoration:none; border-bottom:1px solid #ffffff;}  
A.menus:visited  {color:  #ffffff;text-decoration:none; border-bottom:1px solid #ffffff;} 
A.menus:active  {color:  #ffffff;text-decoration:none; border-bottom:1px solid #ffffff;} 
A.menus:hover  {color:  #C0754A;text-decoration:none; border-bottom:1px solid #C0754A;} 

A.imgmenus { margin:0; height:25px; padding:0; display:block;}
A.imgmenus:link  {background:#ffffff;}  
A.imgmenus:visited  {background:#ffffff;} 
A.imgmenus:active  {background:#ffffff;} 
A.imgmenus:hover  {background:#C0754A;} 

A.imgmenus2, A.imgmenus2_on { margin:0 0 3px 0; height:18px; padding:0; display:block; padding:0 0 0 40px; }
A.imgmenus2:link  {background:#ffffff; background-image:url(images/sousmenuback.gif); text-decoration:none; color:#666; }  
A.imgmenus2:visited  {background:#ffffff; background-image:url(images/sousmenuback.gif); text-decoration:none; color:#666; } 
A.imgmenus2:active  {background:#ffffff; background-image:url(images/sousmenuback.gif); text-decoration:none; color:#666; } 
A.imgmenus2:hover {background:#C0754A; background-image:url(images/sousmenuback.gif); text-decoration:underline; color:#C0754A; } 
A.imgmenus2_on { text-decoration:none; }

.footer A:link  {color: #cccccc; text-decoration: underline; }  
.footer A:visited  {color:  #cccccc; text-decoration: underline; } 
.footer A:active  {color:  #cccccc; text-decoration: underline; } 
.footer A:hover  {color:  #ffffff; text-decoration: underline; } 

.tooltip, .tooltip2, .tooltip3 { 
height:13px;
background-image:url(http://www.pommedeterrequebec.com/images/tooltip.gif);
background-repeat:no-repeat;
background-position:right;
padding-right:18px;
}

.sidemenu {

font-size:11px;
font-weight:bold;
height:15px;
margin:10px 0 20px 25px;
padding:4px 0 0 25px;
background-image:url(http://www.pommedeterrequebec.com/images/patatebullet.gif);
background-repeat:no-repeat;
background-position:left;


}


.caption {
font-size:10px;
color:#666666;
text-align:center;
font-style:italic;
}

.caption a {
font-size:10px;
color:#666666;
text-align:center;
font-style:italic;
text-decoration:underline;
}

.block {

margin:0 0 40px 0;

}

.livre {
margin:10px 0 15px 10px;
}

P { margin-top:20px; }



.betterlist LI{
list-style-type:none;
text-align:left;
margin:12px 0 0 -25px;
line-height: 18px; 
}

.infobox {
line-height:20px;
margin:20px;
background: #CC9377;
padding:15px;
color:#ffffff;
font-size:11px;
font-family:georgia,verdana,helvetica,sans-serif;
font-weight:bold;

}

A.tooltip:link {color: #B9B374; text-decoration: none;}  
A.tooltip:visited {color:  #B9B374; text-decoration: none;} 
A.tooltip:active {color:  #B9B374; text-decoration: none;} 
A.tooltip:hover {color:  #B9B374; text-decoration: none;} 

A.tooltip2:link {color: #333333; text-decoration: none;}  
A.tooltip2:visited {color:  #333333; text-decoration: none;} 
A.tooltip2:active {color:  #333333; text-decoration: none;} 
A.tooltip2:hover {color:  #000000; text-decoration: none;} 


INPUT {border:1px #CCCCCC solid; background:#ffffff; padding:3px; font:10 px Verdana, Geneva, Arial; color:#000000; line-height: 12px}
.button {border:1px #CC6600 solid; background:#FF9900; font:10 px Verdana, Geneva, Arial; font-weight : bold; color:#ffffff; line-height: 12px}


FORM { display:inline }

#tab {
border-top:10px solid #BB643C; 
border-right:1px solid #BB643C; 
border-left:1px solid #BB643C; 
border-bottom:1px solid #BB643C;

}

.tab TD {

	
	padding:4px 10px 4px 10px;

}

.tab_head {
	
	background-color: #F6F5ED;
	color:#C1BC84; 
	font-weight:bold;
	font-size:11px;
	line-height:13px;
	

}

.tab_head2 {
	
	border:0px solid #864D2B;
	background-color: #864D2B;
	color:#ffffff;
	

}

.tab_head2 {
	
	border:4px solid #C88C68;	

}

LI {

	margin:5px 0 5px -15px;

}


.corner{
	width:47px;
	height:85px;
	z-index:9;
	margin:-17px 0 0 0;
	float:left;
	background-image:url(images/mainfootcorner.jpg);
	background-repeat:no-repeat;
	}



.btnlangue{
	background-image:url(images/backlangue.jpg);	
	background-repeat:no-repeat;
	width:80px;
	height:23px;
	line-height:23px;
	margin-left:573px;
	margin-top:106px;
	position:absolute;
	color: grey;
	text-align:center;
	padding-left:5px;
}

.btnlangue a{
	color:grey;
	text-decoration:none;
}

.btnlangue a:hover  {color:  #BEB87D;} 
.legende{
	font-size:11px;
	
}