*{margin: 0; padding: 0;}

body {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:62%;
}


#container {
	margin-left:auto;
	margin-right:auto; 
	width:98%;
	font-size: 1.2em;
}


/* COL1 */

#col1{
	position:relative;
	width:299px;
}

#logo{
	height:349px;
	background-image:url(recette-01.jpg);
	width:299px;
}

#menu{
	background:url(recette-02.jpg) top left no-repeat;
}


/* COL 2 */

#col2{
	position:absolute;
	top:0px;
	left:280px;
	width:65%;
}


#haut1{
	height:235px;
	position:absolute;
	top:0px;
	min-width:450px;
	width:100%;
}

#haut11{
	height:235px;
	width:50px;
	background:url(recette-03.jpg);
	float:left;
	top: 0px;
}

#haut12{
	height:235px;
	background:url(recette-04.jpg);
	top: 0px;
}

#haut13{
	height:235px;
	width:240px;
	background:url(recette-05.jpg);
	float:right;
	top: 0px;
}


#haut2{
	height:51px;
	position:absolute;
	top: 235px;
	min-width:450px;
	width:100%;
}

#haut21{
	height:51px;
	width:50px;
	background:url(recette-06.jpg);
	float:left;
	top: 235px;
}

#haut22{
	height:51px;
	background:url(recette-07.jpg);
	top: 235px;
	padding-top:4px;
}

#haut23{
	height:51px;
	width:35px;
	background:url(recette-08.jpg);
	float:right;
	top:235px;
}

#princ_cont{
	width:100%;
	position:absolute;
	top:286px;
}

#principal{
	min-width:450px;
	min-height:180px;
	padding-left:25px;
}

#bord{
	background: url(recette-09.jpg) top right no-repeat;
	float:right;
	top:286px;
	min-height:180px;
	width:35px;
}


#footer{
	clear:both;
	margin: 40px;
	width:80%;
	padding: 10px;
	text-align: center;
	border-top: 1px dotted #CCCCCC;
	background-color: #F9F7EA;
	font-size:80%;
}

/********************************* Navigation **********************************/
#menupartenaires{
	padding-top:20px;
}

#menu ul,#menupartenaires ul{
	list-style-type: none;
	font-weight: bold;
	color: #990000;
}

#menupartenaires a{
	margin-left:30px;
	text-decoration: none;
	color: #BBCCBB;
	font-weight: normal;

	margin-left:20px;
	display: block;
	padding-top: 5px;
	padding-left: 37px;
	width: 182px;
	background-color: #DCE3ED;
	border-bottom: 1px solid #eee;
	background: url(../images/menu.png) -5px -14px;
	background-repeat: repeat-x;
	height: 12px;
	
}

#menu a{
	margin-left:20px;
	display: block;
	padding-top: 17px;
	padding-left: 37px;
	width: 182px;
	background-color: #DCE3ED;
	border-bottom: 1px solid #eee;
	background-image: url(../images/menu.png);
	background-repeat: repeat-x;
	height: 27px;
}


#menu a:link, #menu a:visited, #menupartenaires a:link, #menupartenaires a:visited{
	color: #93B26E;
	text-decoration: none;
}

#menu a:hover{
	background: url(../images/menu.png) 0 -45px;
	color: #562930;
}
#menupartenaires a:hover {	
	background: url(../images/menu.png) 0px -14px;
	color: #562930;
}




.date_box {
	background-color: #FFFFFF;
	background-image: url(../images/date.jpg);
	height: 51px;
	width: 52px;
	float: left;
}

.date_box_month {
	padding-top: 6px;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 3px;
	text-align: center;
	color: #75a006;
}

.date_box_day {
	font-size: 22px;
	font-weight: bold;
	padding-left: 3px;
	text-align: center;
	font-style: italic;	
	color: #654040;
}

.liste{
	list-style-image: url(../images/arrow.png);
	padding-left: 50px;
}




/******************************* Text and image formatting *******************************/

p {margin-bottom: 15px;
   margin-top: 15px;
}

p.quote:first-letter 
{
	color: #6F9800;
	font-size:xx-large;
	font-size: 2.5em;
}


h1 {
	height: 31px;
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 75px;
	font-size: 1.6em;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bold;
	color: #84A54A;
	border-bottom: 1px dotted #CCCCCC;
}

h2 {
	color: #bf8a44;
	margin-left: 20px;
	font-size: 1.6em;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
}

h3 {
	width:210px;
	background-color:#F5F9EB;
	padding:5px;
	border-top-width:1px;
	border-bottom-width:1px;
	border-top-style:dotted;
	border-bottom-style:dotted;
	border-top-color:#CEAC86;
	border-bottom-color:#CEAC86;
	font-size:1.2em;
	color:#A6BB7A;
	margin-left:20px;
	margin-bottom:10px;	
}

h4 {
	padding-top:80px;
	color: #87a448;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 2.3em;
	text-align:center;
}

.red {color: #614240;}

h5 {
	color: #bf8a44;
	font-size: 1.6em;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	text-align:center;
}



blockquote {
	background-color:#F4F7F0;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-right: 25px;
	padding-left: 60px;
	padding-right: 60px;
	padding-top: 30px;
	padding-bottom:30px;
	border: 1px dotted #EBE2B7;
	background-image: url(../images/blockquote.png);
	background-repeat: no-repeat;
	font-style: italic;
}


img {border: none;}

.float_left {float: left;
              margin-right: 10px;}
			  
.float_right {float: right;
              margin-left: 10px;}
	 

a:link {color: #557C2B; text-decoration: none;}
a:visited {color: #83A956; text-decoration: none;}
a:hover {color: #821115; text-decoration: none;}
a:active {color: #577E2D; text-decoration: none;}


a.tooltip em {
    display:none;
}
a.tooltip:hover {
    border: 0;
    position: relative;
    z-index: 20;
    text-decoration:none;
}
a.tooltip:hover em {
    font-style: normal;
    display: block;
    position: absolute;
    top: 20px;
    left: -10px;
    padding: 5px;
    color: #000;
    border: 1px solid #84A54A;
    background: #F5F9EB;
    width:250px;
}
a.tooltip:hover em span {
    position: absolute;
    top: -7px;
    left: 15px;
    height: 7px;
    width: 11px;
    background: transparent url(infob.gif);
    margin:0;
    padding: 0;
    border: 0;
}

.recette{
  border: 1px solid #84A54A;
  background: #F5F9EB;
  padding: 5px;
}

.legende{
	float:right;
	font-size:xx-small;
}


.votes{
	list-style:none;
	margin: 0px;
	padding:0px;
	width: 75px;
	height: 15px;
	position: relative;
	background: url(../images/etoile-note.gif) top left repeat-x;		
}
.votes li{
	padding:0px;
	margin:0px;
	list-style-image:none;
	/*\*/
	float: left;
	/* */
}
.votes li a{
	display:block;
	width:15px;
	height: 15px;
	text-decoration: none;
	z-index: 20;
	position: absolute;
	padding: 0px;
}
.votes li a:hover{
	background: url(../images/etoile-note.gif) left center;
	z-index: 2;
	left: 0px;
}
.votes a.note-i{
	left: 0px;
}
.votes a.note-i:hover{
	width:15px;
}
.votes a.note-ii{
	left:15px;
}
.votes a.note-ii:hover{
	width: 30px;
}
.votes a.note-iii{
	left: 30px;
}
.votes a.note-iii:hover{
	width: 45px;
}
.votes a.note-iv{
	left: 45px;
}	
.votes a.note-iv:hover{
	width: 60px;
}
.votes a.note-v{
	left: 60px;
}
.votes a.note-v:hover{
	width: 75px;
}
.votes li.note{
	background: url(../images/etoile-note.gif) left bottom;
	position: absolute;
	height: 15px;
	display: block;
	z-index: 1;
}

.ajaxfr{
	width:0;
	height:0;
	border:0;
}

.ast{
	font-size:small;
	color:#FF9999;
}


/* Commentaires */
.comment_n, .comment_a{
	clear:both;
	margin: 0px 1px 10px 31px;
	width:462px;
	background-image:url(../images/commentbg_y_top.gif);
	background-repeat:no-repeat;
	font-size:13px;
	padding-top:4px;
	margin-bottom:30px;
}

.comment_a{
	background-image:url(../images/commentbg_g_top.gif);
}

.comment_n span.infopseudo a, .comment_a span.infopseudo a{
	display:block;
	font-size:13px;
	font-weight:bolder;
	float:left;
	background-image:url(../images/commentbg_y_arc.gif);
	background-repeat:no-repeat;
	background-position:right top;
	padding: 3px 20px 0px 16px;
	height:14px;
	
}

.comment_a span.infopseudo a{
	background-image:url(../images/commentbg_g_arc.gif);
}

.comment_n span.infopseudo a.ext_lnk, .comment_a span.infopseudo a.ext_lnk{
	width:31px;
	height:20px;
	padding:0px;
	text-indent:-10000px;
	background-image:url(../images/commentbg_y_ext_link.gif);
	margin-left:-16px;
}

.comment_a span.infopseudo a.ext_lnk{
	background-image:url(../images/commentbg_g_ext_link.gif);
}

.comment_n p, .comment_a p {
	margin:0px;
	padding:10px 20px;
	background-color:#FFCE3D;
	background-image:url(../images/commentbg_y_bottom.gif);
	background-position:bottom;	
	background-repeat:no-repeat;
	overflow:hidden;
}

.comment_a p{
	background-color:#c9e584;
	background-image:url(../images/commentbg_g_bottom.gif);
}

.comment_n .cmt_date, .comment_a .cmt_date{
	font-size:11px;
	color:darkgray;
	float:right;
	margin-right:6px;
}


.row {
	text-align:center;
	clear: both;
}

.label{
	text-align:left;
	float: left;
	width: 45%;
}

.formel {
	text-align:left;
	width: 45%;
	float: right;
}

.g_code1 { width:765px; text-align:center; padding:30px 25px 30px 15px; background:transparent url(spw.jpg) center center no-repeat; }
.g_code2 { text-align:center; padding:14px 9px; width:752px; background:#FFFFFF url(grgl.png) center center no-repeat; }
.g_code3 { width:750px; padding:10px; background:transparent url(didu.gif) center center no-repeat; text-align:center; }