/* CSS Document */

@media screen{

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #474747;
	background: #FFFFFF;
	margin:0;
	padding: 0;
 	Background-image:url('images/nbg.png');
	text-align:center;
}
form {
	margin: 0 0;
}
a {
	text-decoration: none;
	color: #757760;
}
a:hover {
	text-decoration: none;
	color: Red;
}
#contenu {
	Background-image: url(images/fond.png);
	Background-repeat:repeat-y;
	Width:900px;
	margin-left: auto;
	margin-right: auto;
}

#menu {Color:#B60000; background-color: #ffffff; Font-family:Verdana; Font-size:10pt; Background-image: url(images/men_cooq.png); Background-repeat:no-repeat; margin-left: auto;   margin-right: auto; Width:848px; height:52 px; Padding-top:20px; }

.coleft{
	width:600px;
	text-align:left;
	float:left;
	padding-left:7px;
}
.colis{
	margin-left:auto;
	margin-right:auto;
	width:866px;
	clear: both;
}
.coright{
	width:250px;
	text-align:left;
	float:right;
}
.rec-top {
	background:url(images/recette.png) no-repeat left top;
	margin-left:7px;
	margin-top:30px;
	Width:550px;
	Height:60px;
	padding-left:150px;
	padding-top:18 px;
}
.recette {
	Width:700px;
	text-align:left;
	margin:7px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #4A4A4A;
	font-style: italic;
}
.recette li{
	margin-top:0px;
	font-style: italic;
	color: #B4B4B4;
	font-size: 11px;
}
.ingredients {
	background:url(images/ing-top.gif) no-repeat left top;
	Width:234px;
	Height:54px;
	margin-left:1px;
	padding: 7px;
	margin-top: 12px;
}
.ing-mid {
	background:url(images/ing-bot.gif) no-repeat left bottom;
	Width:234px;
	margin-left:1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-variant: small-caps;
	color: #6C361C;
	padding: 15px;
	margin-bottom: 12px;
}
.info-valide p{
	padding-top:50px;
}
.titre{
	right:20px;
	color:#990000;
	font-size:20px;
	font-family:impact,helvetica,sans-serif;
	font-weight:normal;
}
h1{
	right:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #B19485;
	font-variant: small-caps;
	margin-top:0;
}
h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #A27151;
}
h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #6A5244;
}
h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #48372F;
	font-variant: small-caps;
	text-transform: capitalize;
	font-weight: lighter;
}
.titrei{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #999999;
	font-variant: normal;
	Height:20px;
	margin: 7 px;
}
.bottom{
clear: both;
margin-left:1px;
margin-right:7px;
padding-top:7px;
width:892px;
background-color:#FFF;
background: url(images/bot-line.gif) repeat-x right top;
}
.simpleBox{border:1px #ccc solid;
padding:20px;
text-align:center;
margin:0 auto;
margin-right:15px;
}
.BoxMidRt ul {
	padding-left:10px;
	margin:0;
 }
.BoxMidRt li {
 margin-left:2px;
 float:left; /*pour IE*/
 }
.arrow {
	margin:7px;
	background:url(images/arrow.gif) no-repeat 0 0;
	padding-bottom:3px;
	padding-left:16px;
 float:left;   
 width:160px;
 text-decoration:none;
 font-style: italic;
 font-size: 12px;
}
.BoxMidRt ul li a {
 background:url(images/magnifyer.gif) no-repeat 0 0;
padding:0 0 0 20px;
display:block;
 float:left;   
 width:140px;
 text-decoration:none;
 font-style: italic;
 font-size: 12px;
}
.bottom ul {
 padding:0;
 margin:0;
 list-style-type:none;
 }
.bottom li {
 margin-left:2px;
 float:left; /*pour IE*/
 }
.bottom ul li a {
 display:block;
 float:left;   
 text-decoration:none;
 padding:5px;
 }
.fullBoxTop{height:30px;
margin:10px;
padding:7px;
float:right;
width:235px;
border:solid 1px #CCC;
border-right:solid 2px #CCC;
background-color:#FFF;
background: url(images/grayBoxTop.jpg) repeat-x right top;
}
.fullBoxTopRt{margin:0 0 0 10px;
padding:20px 10px 10px 0;
border:0;
text-align:center;
}
#foot{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #C5C5C5;
	text-align: center;
	margin-left: auto;   margin-right: auto;}
.BoxTop{
	padding:0;
	border:0;
	margin-top: 10px;
	background:url(images/BoxTL.gif) no-repeat left top;
	height:8px;
	line-height:6px;
	size:6px;
}
.BoxTopRt{
	border: 0;
	margin-left: 10px;
	height: 8px;
	background: url(images/BoxTR3.gif) no-repeat right top;
	line-height:6px;
	size:6px;
}
.BoxMid{
	border: 0;
	background:#f0f0f0 url(images/BoxMidLeft.gif) repeat-y left top;
	margin-top: -15px;
}
.BoxMidRt{
	border: 0;
	background: url(images/BoxMidRt.gif) repeat-y right top;
	text-align:left;
	padding-bottom: 30px;
	margin-top:7px;
	margin-left:7px;
}
.BoxBtm{	
clear: both;
border: 0;
margin:0 0 15px 0;
background: url(images/BoxBL.gif) no-repeat left bottom;
height:10px;
margin-top: -7px;
height:6px;
line-height:6px;
}
.BoxBtmRt{	border: 0;
margin:0 0 0 10px;
background: url(images/BoxBR3.gif) no-repeat bottom right;
height:10px;
height:6px;
line-height:6px;
}
.bBoxTop{
margin:0;
padding:0;
border:0;
background: url(images/TopLft.gif) no-repeat left top;
height:6px;
line-height:6px;
font-size:11px;
}
.bBoxTopRt{margin:0 0 0 6px;
padding:0 6px 0 0;
border:0;
background: url(images/TopRt.gif) no-repeat right top;
height:6px;
line-height:6px;
font-size:11px;
}
.bBoxMid{margin:0;
	margin-top: -8px;
padding-left:7px;
background: url(images/SideLft.gif) repeat-y left top;
}
.bBoxMidRt{margin:0 0 0 1px;
padding:1px 1px 0 0;
border:0;
background: url(images/SideRt.gif) repeat-y right top;
text-align:left;
}
.bBoxBtm{
	margin-top:0px;
	background: url(images/BtmLft.gif) no-repeat left bottom;
	height:6px;
	margin-left: 0px;
}
.bBoxBtmRt{margin: -8px 0 7px 0px;
border:0;
background: url(images/BtmRt.gif) no-repeat bottom right;
height:6px;
}
}

/* impression : */

@media print{
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #474747;
	background: #FFFFFF;
	margin:0;
	padding: 0;
	text-align:center;
}
form {
	margin: 0 0;
}
a {
	text-decoration: none;
	color: #757760;
}
a:hover {
	text-decoration: none;
	color: Red;
}
#contenu {
	Width:900px;
	margin-left: auto;
	margin-right: auto;
}

#menu { display: none; }

.coleft{
	width:600px;
	text-align:left;
	float:left;
	padding-left:7px;
}
.colis{
display: none;
}
.coright{
	display: none;
}
.rec-top {
	margin-left:7px;
	margin-top:30px;
	Width:550px;
	Height:60px;
	padding-left:150px;
	padding-top:18 px;
}
.recette {
	Width:550px;
	text-align:left;
	margin-left:7px;
	margin-top:0 px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #4A4A4A;
	font-style: italic;
}
.recette li{
	margin-top:0px;
	font-style: italic;
	color: #B4B4B4;
	font-size: 11px;
}
.ingredients {
	Width:234px;
	Height:54px;
	margin-left:1px;
	padding: 7px;
	margin-top: 12px;
}
.ing-mid {
	Width:234px;
	margin-left:1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-variant: small-caps;
	color: #6C361C;
	padding: 15px;
	margin-bottom: 12px;
}
.info-valide p{
	padding-top:50px;
}
.titre{
	right:20px;
	color:#990000;
	font-size:20px;
	font-family:impact,helvetica,sans-serif;
	font-weight:normal;
}
h1{
	right:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #B19485;
	font-variant: small-caps;
	padding-top:-7px;
}
h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #A27151;
}
h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #6A5244;
}
h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #48372F;
	font-variant: small-caps;
	text-transform: capitalize;
	font-weight: lighter;
}
.titrei{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #999999;
	font-variant: normal;
	Height:20px;
	margin: 7 px;
}
.bottom{
display: none;
}
.simpleBox{
display: none;
}
.BoxMidRt ul {
display: none; }
.BoxMidRt li {
display: none; }
.arrow {
	margin:7px;
	background:url(images/arrow.gif) no-repeat 0 0;
	padding-bottom:3px;
	padding-left:16px;
 float:left;   
 width:160px;
 text-decoration:none;
 font-style: italic;
 font-size: 12px;
}
.BoxMidRt ul li a {
display: none;}
.bottom ul {
 padding:0;
 margin:0;
 list-style-type:none;
 }
.bottom li {
 margin-left:2px;
 float:left; /*pour IE*/
 }
.bottom ul li a {
 display:block;
 float:left;   
 text-decoration:none;
 padding:5px;
 }
.fullBoxTop{
display: none;
}
.fullBoxTopRt{
display: none;
}
#foot{
display: none;}
.BoxTop{
display: none;}
.BoxTopRt{
display: none;}
.BoxMid{
display: none;}
.BoxMidRt{
display: none;}
.BoxBtm{	display: none;}
.BoxBtmRt{display: none;}
.bBoxTop{display: none;
}
.bBoxTopRt{display: none;
}
.bBoxMid{display: none;
}
.bBoxMidRt{display: none;
}
.bBoxBtm{
	display: none;
}
.bBoxBtmRt{display: none;
}
}