/**************************************
*	Fichier	:	stytle.css
*	Auteur	:	Varouj (varoujhay@free.fr)
*	Thème	:	123Recettes
*	Pour		:	123Recettes.net
*	Date		:	26/01/09
*	Modifé	:	09/02/09
**************************************/

/*************************************************** GENERAL (Début) ***************************************************/
* {
	margin : 0;
	padding : 0;
	border : 0;
	outline : 0;
}

a {color : #FFFFFF; text-decoration : none;}
a:hover {color : #000000;}

body {
	margin : 0 auto;
	color : #7F7F7F;
	width : 806px;
	font : 0.9em  "Trebuchet Ms", Verdana, Arial, sans-serif;
	background-color : #ffffff;
	position : relative;
}

/****** GLOBAL ******/
#global {
	float : left;
	width : 806px;
	margin : 36px auto 0;
	position : relative;
	background : url(../images/global.gif) repeat-y 0 0;
}
/*************************************************** GENERAL (Fin) ***************************************************/





/*************************************************** HAUT DE LA PAGE (Début) ***************************************************/

/****** TOP ******/
#top {
	float : left;
	margin : 0 auto;
	padding : 10px 50px 0 50px;
	width : 706x;
	background : url(../images/header.jpg) no-repeat 0 0;
}
/****** HEADER ******/
#top h1#header {
	float : left;
	width : 303px;
	height : 148px;
	font-weight : normal;
	font-size : 0.9em;
	overflow : hidden;
}
#top h1#header a {
	padding : 115px 0 0 12px;
	display : block;
	width : 291px;
	height : 24px;
	color : #787878;
	text-decoration : none;
}
#top h1#header a:hover {
	color : #000000;
	text-decoration : underline;
}

/****** STATS ******/
#top ul#stats {
	float : left;
	margin-top : -10px;
	width : 405px;
	list-style : none;
	text-align : center;
	font-size : 0.9em;
}
#top ul#stats li {
	display : inline;
}

/****** INTRO ******/
#top p#intro {
	padding : 10px 10px 0 35px;
	float : left;
	width : 360px;
	height : 127px;
	font-size : 0.9em;
	overflow:hidden;
}

/****** MENU ******/
#top ul#menu {
	clear : both;
	float : left;
	margin : 1px 0 15px;
	padding-top : 2px;
	width : 703px;
	height : 21px;
	font-size : 0.9em;
	color : #ffffff;
	list-style : none;
	overflow : hidden;
	background : url(../images/menu.gif) repeat-x 0 0;
	border-right : 5px solid #9DC3C2;
}
ul#menu li {
	display : inline;
	padding-left : 9px;
}
ul#menu li a {
	margin-right : 11px;
	color : #ffffff;
}
ul#menu li a:hover, ul#menu li.actif a {
	color : #4C4C4C;
}

/****** PUB ******/
#pub {
	/*float : left;*/
	clear : both;
	/*margin : 15px 0;*/
	width : 708px;
	vertical-align : middle;
}
#pub p {
	float : left;
	display : inline;
	margin : 0 4px;
	border : 1px solid #D5D5D5;
}
#pub p img {
	float : left;
}


/*************************************************** HAUT DE LA PAGE (Fin) ***************************************************/





/*************************************************** CORPS (Début) ***************************************************/

/****** CORPS ******/
#corps {
	float : left;
	display : inline;
	clear : both;
	padding : 15px 49px 0 50px;
	width : 707px;
	padding-bottom : 35px;
	background : url(../images/corps_bas.gif) no-repeat left bottom;
}
#corps h2 {
	display : none;
}
#corps div.identique {
	margin-top : 15px;
	margin-bottom : 10px;
	width : 661px;
	padding : 23px;
	background : #EDEDED url(../images/corps.gif) no-repeat 0 0;
}
#contact, #restaurant, #recette, #accueil{
	float : left;
	color : #797979;
}


/*************************************************** (ACCUEIL) ***************************************************/


#accueil {
	margin-bottom : 10px;
	width : 708px;
}
#accueil h3 {
	font-size : 1.5em;
	font-style : italic;
	font-family : "Lucida Bright", "Trebuchet Ms", Verdana, Arial, sans-serif;
}

/****** COLONNE DE GAUCHE ******/
#accueil #colonne_gauche {
	float : left;
	width : 371px;
}

/****** RECHERCHE ******/
#accueil #colonne_gauche form#recherche {
	padding : 11px 0 0 30px;
	width : 341px;
	height : 28px;
	overflow : hidden;
	color : #ffffff;
	font-size : 0.8em;
	background : url(../images/recherche.gif) no-repeat 0 0;
}
#accueil #colonne_gauche form#recherche label {
	float : left;
}
#accueil #colonne_gauche form#recherche select {
	width : 235px;
}
#accueil #colonne_gauche form#recherche input {
	margin : 5px 0 0 5px;
	width : 13px;
	height : 9px;
	cursor : pointer;
	background : url(../images/recherche_submit.gif) no-repeat 0 0;
}

/****** TOP 10 ******/
#accueil #colonne_gauche #top10 {
	width : 371px;
	height : 236px;
	overflow : hidden;
	color : #244E4D;
	background : url(../images/top10.gif) no-repeat 0 0;
}
#accueil #colonne_gauche #top10 h3 {
	padding : 6px 37px 0 30px;
	width : 304px;
	height : 33px;
	text-align : right;
	font-size : 1em;
	line-height : 2em;
	font-weight : normal;
}
#accueil #colonne_gauche #top10 h3 span {
	display : block;
	float : left;
	font-size : 1.4em;
	font-weight : bold;
}
#accueil #colonne_gauche #top10 dl {
	padding : 0 16px;
	width : 339px;
	height : 180px;
	overflow : hidden;
	line-height : 1em;
}
#accueil #colonne_gauche #top10 dl dt {
	clear : both;
	float : left;
	width : 177px;
	height : 18px;
	overflow : hidden;
}
#accueil #colonne_gauche #top10 dl dt span.num {
	float : left;
	display : block;
	padding-right : 8px;
	width : 17px;
	height : 18px;
	text-align : center;
}
#accueil #colonne_gauche #top10 dl dt span.gras {
	padding-left : 19px;
	font-weight : bold;
}
#accueil #colonne_gauche #top10 dl dd {
	float : left;
	padding-left : 9px;
	width : 153px;
	height : 18px;
	overflow : hidden;
}
#accueil #colonne_gauche #top10 dl dd span.gras {
	font-weight : bold;
}
#accueil #colonne_gauche #top10 dl a {
	color : #244E4D;
}
#accueil #colonne_gauche #top10 dl a:hover {
	color : #ffffff;
	text-decoration : underline;
}

/****** RECETTE VIDEO ******/
#accueil #colonne_gauche #recette_video {
	margin-top : 8px;
	width : 371px;
	height : 379px;
	overflow : hidden;
	font-size : 1em;
	color : #51480D;
	background : url(../images/recette_video.jpg) no-repeat 0 0;
}
#accueil #colonne_gauche #recette_video h3 {
	padding : 10px 0 0 37px;
	height : 35px;
	font-weight : normal;
	color : #6D642B;
	overflow : hidden;
}
#accueil #colonne_gauche #recette_video #video {
	padding : 6px 56px 6px 37px;
	width : 278px;
	height : 207px;
	text-align : center;
	overflow : hidden;
}
#accueil #colonne_gauche #recette_video #video object {
	margin : 0 auto;
	width : 278px;
	height : 207px;
	overflow : hidden;
}
#accueil #colonne_gauche #recette_video p {
	padding : 0 40px;
	line-height : 1.3em;
}
#accueil #colonne_gauche #recette_video p.description {
	padding : 10px 40px;
}
#accueil #colonne_gauche #recette_video p span {
	font-weight : bold;
}

/****** COLONNE DE DROITE ******/
#accueil #colonne_droite {
	float : left;
	padding-left : 6px;
	width : 331px;
}

/****** NEWSLETTER ******/
#accueil #colonne_droite form#newsletter {
	margin : 0 0 5px 5px;
	width : 326px;
	height : 144px;
	overflow : hidden;
	background : url(../images/newsletter.jpg) no-repeat 0 0;
}
#accueil #colonne_droite form#newsletter h3 {
	padding : 13px 0 0 60px;
	height : 39px;
}
#accueil #colonne_droite form#newsletter p {
	padding : 0 15px 2px;
	font-size : 0.9em;
}
#accueil #colonne_droite form#newsletter label {
	padding-bottom : 5px;
	float : left;
}
#accueil #colonne_droite form#newsletter label.clear_radio {
	width : 145px;
}
#accueil #colonne_droite form#newsletter input#mail {
	width : 235px;
	height : 19px;
	background-color : #F2F39A;
}
#accueil #colonne_droite form#newsletter input#souscrire {
	float : left;
	margin : 5px 0 0 10px;
	width : 19px;
	height : 9px;
	cursor : pointer;
	background : url(../images/newsletter_submit.gif) no-repeat 0 0;
}
#accueil #colonne_droite form#newsletter input.radio {
	margin : 0 10px;
	display : inline;
}

/****** DERNIERE RECETTE ******/
#accueil #colonne_droite #derniere_recette {
	margin : 0 0 5px 5px;
	width : 325px;
	height : 108px;
	color : #ffffff;
	background : url(../images/derniere_recette.jpg) no-repeat 0 0;
}
#accueil #colonne_droite #derniere_recette h3 {
	padding : 10px 0 0 40px;
	height : 30px;
	font-weight : normal;
}
#accueil #colonne_droite #derniere_recette p {
	padding : 0 14px;
	font-size : 0.9em;
}

/****** RESTAURANT DE LA SEMAINE ******/
#accueil #colonne_droite #restaurant_semaine {
	padding-bottom : 22px;
	width : 331px;
	height : 381px;
	color : #ffffff;
	background : url(../images/restaurant_semaine.jpg) no-repeat 0 0;
}
#accueil #colonne_droite #restaurant_semaine h3 {
	padding : 30px 48px 12px 32px;
	width : 251px;
	height : 72px;
	font-size : 1.8em;
	font-weight : normal;
	text-transform : uppercase;
}
#accueil #colonne_droite #restaurant_semaine h3 span {
	display : block;
	text-align : right;
}
#accueil #colonne_droite #restaurant_semaine p {
	padding : 0 15px 0 45px;
	width : 271px;
	font-size : 0.75em;
	line-height : 1.4em;
}
#accueil #colonne_droite #restaurant_semaine p.photo {
	width : 230px;
	height : 160px;
}
#accueil #colonne_droite #restaurant_semaine p.photo img {
	float : left;
}


/*************************************************** (LISTE RESTAURANTS ET LISTE RECETTES) ***************************************************/


#liste_restaurants .bloc_restaurant, #liste_recettes .bloc_recette {
	width : 661px;
	height : 136px;
	margin-bottom : 3px;
	overflow: hidden;
	position : relative;
}
#liste_restaurants .r1, #liste_recettes .r1 {
	background : url(../images/bloc_bleu.jpg) no-repeat 0 0;
}
#liste_restaurants .r2, #liste_recettes .r2 {
	background : url(../images/bloc_vert.jpg) no-repeat 0 0;
}
#liste_restaurants .bloc_restaurant h3, #liste_recettes .bloc_recette h3 {
	padding : 8px 15px 0;
	width : 631px;
	height : 27px;
	color : #ffffff;
	font-size : 1em;
}
#liste_restaurants .r1 h3 a, #liste_recettes .r1 h3 a {
	color : #ffffff;
}
#liste_restaurants .bloc_restaurant h3 span.num, #liste_recettes .bloc_recette h3 span.num, #bloc_recette_restaurant h3 span.num {
	display : block;
	float : left;
	padding-right : 10px;
	font-size : 1.5em;
	line-height : 0.8em;
	font-weight : normal;
	font-family : "Lucida Bright", "Trebuchet Ms", Verdana, Arial, sans-serif;
}
#liste_restaurants .bloc_restaurant h3 span.pays, #liste_recettes .bloc_recette h3 span.auteur, #restaurant h3 span.pays, #recette h3 span.auteur {
	display : block;
	clear : both;
	padding-left : 37px;
	margin-top : -18px;
	font-size : 0.9em;
	font-weight : normal;
	float : right;
}
#liste_recettes .bloc_recette h3 span.auteur, #recette h3 span.auteur {
	margin-top : -21px;
	padding-top : 3px;/*position:relative;*/
	height : 25px;
	background : url(../images/auteur.png) no-repeat left top;
}
#corps h3 span.fr {
	background : url(../images/fr.gif) no-repeat left center;
}
#corps h3 span.be {
	background : url(../images/be.gif) no-repeat left center;
}
#liste_restaurants .bloc_restaurant ul.adresse, #bloc_recette_restaurant ul.adresse {
	margin : 30px 53px 0 120px;
	float : left;
	display : inline;
	width : 220px;
	height : 60px;
	list-style : none;
	color : #BCE3E2;
	font-size : 0.9em;
	line-height : 1.2em;
	overflow : hidden;
}
#bloc_recette_restaurant ul.adresse {
	margin : 30px 45px 0 225px;
	width : 190px;
}
#liste_recettes .bloc_recette p.description {
	margin : 15px 40px 0 120px;
	float : left;
	display : inline;
	width : 254px;
	height : 80px;
	list-style : none;
	color : #BCE3E2;
	font-size : 0.9em;
	line-height : 1.2em;
	overflow : hidden;
}
#liste_restaurants .bloc_restaurant ul.infos, #liste_recettes .bloc_recette ul.infos, #bloc_recette_restaurant ul.infos {
	float : left;
	margin-top : 12px;
	list-style : none;
	color : #BCE3E2;
	font-size : 0.9em;
	line-height : 1.5em;
	border:1px solid ed;
}
#liste_recettes .bloc_recette ul.infos {
	margin-top : 15px;
}
#liste_restaurants .bloc_restaurant ul.infos li, #liste_recettes .bloc_recette ul.infos li, #bloc_recette_restaurant ul.infos li {
	padding-left : 20px;
}
#corps ul.infos li.note {background : url(../images/note.png) no-repeat left center;}
#corps ul.infos li.genre {background : url(../images/genre.png) no-repeat left center;}
#corps ul.infos li.prix {background : url(../images/prix.png) no-repeat left center;}
#corps ul.infos li.acces {background : url(../images/acces.png) no-repeat left center;}
#corps ul.infos li.ingredients {background : url(../images/ingredients.png) no-repeat left center;}
#corps ul.infos li.personnes {background : url(../images/personnes.png) no-repeat left center;}
#corps ul.infos li.type {background : url(../images/type.png) no-repeat 3px center;}
#recette ul.infos li.ingredients {background : url(../images/ingredients.gif) no-repeat left center;}
#recette ul.infos li.personnes {background : url(../images/personnes.gif) no-repeat left center;}
#recette ul.infos li.type {background : url(../images/type.gif) no-repeat 3px center;}
#liste_restaurants .bloc_restaurant p.image, #liste_recettes .bloc_recette p.image {
	position : absolute;
	width : 82px;
	height : 61x;
	left : 16px;
	top : 57px;
	overflow : hidden;
	text-align : center;
}
#bloc_recette_restaurant p.image {
	position : absolute;
	padding : 15px;
	width : 151px;
	height : 112px;
	left : 0px;
	top : 0px;
	overflow : hidden;
	text-align : center;
	background : url(../images/restaurant_image_fond.jpg) no-repeat 0 0;
}
#liste_restaurants .r1 ul li a, #liste_recettes .r1 ul li a, #liste_recettes .r1 h3 span.auteur {
	color : #BCE3E2;
}
#liste_restaurants .bloc_restaurant ul li a:hover, #liste_restaurants .bloc_restaurant h3 a:hover, #liste_recettes .bloc_recette ul li a:hover, #liste_recettes .bloc_recette h3 a:hover, #bloc_recette_restaurant ul li a:hover {
	text-decoration : underline;;
}
#liste_restaurants .r2 ul li a, #liste_recettes .r2 ul li a, #liste_restaurants .r2 h3, #liste_restaurants .r2 *, #liste_recettes .r2 h3, #liste_recettes .r2 *, #liste_recettes .r2 p.description {
	color : #77782D;
}


/*************************************************** (RESTAURANTS ET RECETTES) ***************************************************/


#bloc_recette_restaurant {
	padding-bottom : 14px;
	float : left;
	width : 661px;
	background : url(../images/cadre_bas.gif) no-repeat left bottom;
}
#recette ul.infos {
	float : none;
	margin : 0 0 0 195px;
	padding-top : 20px;
	width : 300px;
	overflow : hidden;
}
#bloc_recette_restaurant #infos_generales {
	padding : 20px 0 15px;
	float : left;
	width : 661px;
	height : 135px;
	position : relative;
	background : url(../images/cadre_haut.gif) no-repeat left bottom;	
}
#bloc_recette_restaurant #infos_complementaires {
	float : left;
	clear : both;
	padding : 5px 37px 40px;
	width : 587px;
	background : url(../images/cadre_fond.gif) repeat-y 0 0;
}
#restaurant #infos_complementaires ul {
	padding : 15px 0;
	list-style : none;
}
#restaurant #infos_complementaires ul li {
	clear : both;
	line-height : 1.5em;
}
#restaurant #infos_complementaires ul li span {
	float : left;
	display : block;
	width : 85px;
}
#restaurant #infos_complementaires ul li img, #recette #infos_complementaires p.aligne img {
	margin : 0 6px;
	vertical-align : middle;
}
#bloc_recette_restaurant #infos_complementaires p {
	padding : 5px 0;
}
#restaurant #infos_complementaires  p {
	width : 480px;
}
#recette #infos_complementaires  p {
	margin-bottom : 15px;
}
#restaurant #infos_complementaires  p.marge {
	padding : 2px 0 5px 15px;
	width : 465px;
}
#recette #infos_complementaires p.aligne {
	padding : 0;
	margin-bottom : 5px;
	text-indent : 5px;
}
#recette #infos_complementaires h4.aligne {
	clear : both;
	float : left;
}
#bloc_recette_restaurant h3 {
	padding : 0px 25px 0 15px;
	width : 621px;
	height : 32px;
	color : #777777;
	font-size : 1em;
	background : url(../images/restaurant_h3.gif) no-repeat 0 0;
}
#bloc_recette_restaurant h3 a {
	color : #777777;
}
#bloc_recette_restaurant #infos_complementaires h4 {
	font-size : 1em;
}
#bloc_recette_restaurant  *{
	color : #777777;
}


/*************************************************** (CONTACT) ***************************************************/


#contact h3 {
	padding-left : 15px;
	width : 646px;
	height : 45px;
	font-size : 1em;
	background : url(../images/contact_h3.gif) no-repeat 0 0;
}
#contact #bloc_contact {
	float : left;
	background : url(../images/cadre_fond.gif) repeat-y 0 0;
}
#contact #bloc_contact form {
	float : left;
	padding : 20px 37px 80px;
	width : 587px;
	background : url(../images/cadre_bas.gif) no-repeat left bottom;
}
#contact #bloc_contact form p {
	clear : both;
	margin : 5px 0;
}
#contact #bloc_contact form p.infos {
	margin-bottom : 30px;
}
#contact #bloc_contact form label {
	float : left;
	display : block;
	padding-left : 38px;
	width : 140px;
	font-weight : bold;
}
#contact #bloc_contact form p.submit label {
	float : right;
	display : inline;
	margin : 15px 70px 0 0;
	padding : 0;
	width : auto;
}
#contact #bloc_contact form input {
	width : 237px;
	height : 24px;
	font-size : 1.2em;
	border:1px solid #9A9A9A;
	background-color : #E3E3E3;
}
#contact #bloc_contact form p.submit label input {
	width : 116px;
	height : 15px;
	border : none;
	cursor : pointer;
	background : url(../images/envoyer.gif) no-repeat 0 0;
}
#contact #bloc_contact form textarea {
	width : 355px;
	height : 220px;
	font-size : 1.2em;
	border:1px solid #9A9A9A;
	background-color : #E3E3E3;
}





/*************************************************** CORPS (fin) ***************************************************/





/*************************************************** BAS DE LA PAGE (Début) ***************************************************/


/****** FOOTER ******/
#footer {
	margin-bottom : 10px;
	clear : both;
	padding-top : 10px;
	width : 706px;
	color : #77782D;
	font-size : 0.8em;
	background : #DCDE5E url(../images/footer_haut.gif) no-repeat 0 0;
}
#footer p {
	padding :0 10px 10px;
	text-align : center;
	background : url(../images/footer_bas.gif) no-repeat left bottom;
}
#footer p span.copyright {
	display : block;
}
#footer p span.infos {
	display : block;
	font-size : 0.95em;
}
#footer p a {
	color : #77782D;
}
#footer p a:hover {
	text-decoration : underline;
}


/*************************************************** BAS DE LA PAGE (Fin) ***************************************************/
.lien_g {
	color:#000;
	font-weight:bold;
}