html{
	background:#fefefe url(../img/global/background.jpg) repeat left top;
}
body{
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	width:100%;
	height:100%;
	margin:0pt;
	padding:0pt;
}
#background{
	margin:auto;
}
#wrapper{
	margin:auto;
	background: url(../img/global/header.jpg) no-repeat center top;
}
/*********************************** HEADER avec choix des langues *******************************/
#header{
	height:25px;
	background-color:#fefefe;
	color:#f4f4f4;
	text-align:right;
	width:100%;
}
#header p{
	width:80%;
	margin: 0 auto;
}
#header img{
	width: 20px;
	height: 15px;
}
/*********************************** CONTAINER des trois colonnes centrales **********************/
#container{
	width:970px;
	padding-top: 10px; 
	margin:auto;
}
/************************************ PUB en haut a droite ***************************************/
#pub{
	width: 970px;
	margin: 0 auto;
	height: 150px;
}
#pub #index{
	float:left;
	width: 240px;
	height: 90px;
}
#pub #index a{
	width:100%;
	height:100%;
	float:left;
}
#pub #img{
	float:left;
	width: 730px;
	text-align:right;
	height: 90px;
}
#pub #img img{
}
#pub #logo{
	float:left;
	width: 440px;
	height: 60px;
}
#pub #logo a{
	width:100%;
	height:100%;
	float:left;
}
/*********************************** MENU avec moteur de recherche et onglets *******************/
#search{
	margin:10px 25px 0 0;
	float:right;
}
#search form label{
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
}
#search form input.text{
	border:1px solid #76645a;
	color:#6a6969;
	width: 240px;
	font-size:12px;
}
#search form input.submit{
	border:none;
	background:transparent;
	color:#fff;
	font-weight:bold;
	font-family:"Times New Roman", Times, serif;
	padding:0px;
	font-size:14px;
	font-style:italic;
}
img.form_separ{
	margin:0 5px 0 8px;
}
#colonnemenu{
	height:50px;
	width:970px;
	margin:auto;
	padding:0;
	/*background:url(../img/index/search.png) no-repeat top left;*/
}
/*********************************** CONTENT contient les trois dernieres recettes **************/
#content{
	width: 970px;
	background:#FFF;
	margin: 0 auto;
	padding-top: 10px;
	overflow:hidden;
}
#contenu{
	width: 667px;
	margin: 0 1px 0 0;
	float:left;
	padding: 0;
	overflow:hidden;
}
#colonnegauche{
	width: 170px;
	float:left;
	margin:0 2px 0 2px;
	padding:0;
}
#colonnegauche #search_header{
	width: 160px;
	text-align:left;
	margin:0 0px 25px 0px;
	color:#FFFFFF;
}
#colonnegauche #search_header a{
	color:#FFFFFF;
	text-decoration:none;
	width:100%;
	height:100%;
	float:left;
}
#colonnegauche #search_header p{
	width: 130px;
	height:75px;
	margin:0;
	padding:0;
}
#recipe{
	margin:0 0 10px 0;
	width: 170px;
	background:url(../img/recette/imagesEFC/ardoise_centre.png) repeat-y top center;
}
#colonnegauche .vide_haut{
	height: 21px;
	width:170px;
	background:url(../img/recette/imagesEFC/ardoise_haut.png) no-repeat top center;
}
#colonnegauche .vide_bas{
	height: 21px;
	width:170px;
	background:url(../img/recette/imagesEFC/ardoise_bas.png) no-repeat top center;
}
/*** recette au hasard ***/
.item_gauche{
	width:152px;
	border:1px solid #ebebeb;
	margin:5px auto;
	background: #fbfbfb url(../img/global/gauche_item.png) no-repeat 0px 4px;
	padding-bottom:5px;
	font-size:12px;
}
.item_gauche .header{
	font-size:12px;
	font-family:"Times New Roman", Times, serif;
	padding:0 0 0 3px;
	margin:10px 0;
	text-transform:uppercase;
	color:#FFFFFF;
}
.item_gauche a{
	text-decoration:none;
	border:none;
	color:#000000;
	font-size:12px;
}
.item_gauche #last, .item_gauche #best{
	height:120px;
}
.item_gauche #random{
	height:165px;
}
.item_gauche .turn_img{
}
.item_gauche .turn_img img{
	border: 1px solid #ebebeb;
	margin:25px;
}
.item_gauche p{
	margin:2px;
	text-align:center;
}
.item_gauche div.change{
	text-align:center;
	margin:auto;
	width:106px;
	height:20px;
	background:url(../img/global/changerecette.png) no-repeat top left;
}
.item_gauche div.change a{
	color:#76645a;
	text-decoration:none;
	font-size:14px;
	font-style:italic;
	font-family:"Times New Roman", Times, serif;
}
#portail{
	border:none;
	background: none;
}
#portail h4{background-color:#c00;border:1px solid #aa1101;height:24px;line-height:24px;color:#fff;text-transform:uppercase;font-size:14px;font-weight:bold;padding:0 4px;margin:2px 0 2px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
#portail h4.portail-art-de-vivre{background:#c00 url(../img/global/portail/portail-art-de-vivre.png) 98% 50% no-repeat;}
#portail h4.portail-people{background:#c00 url(../img/global/portail/portail-people.png) 98% 50% no-repeat;}
#portail h4.portail-sport{background:#c00 url(../img/global/portail/portail-sport.png) 98% 50% no-repeat;}
#portail h4.portail-style{background:#c00 url(../img/global/portail/portail-style.png) 98% 50% no-repeat;}
#portail h4.portail-culture{background:#c00 url(../img/global/portail/portail-culture.png) 98% 50% no-repeat;}
#portail h4.portail-automobile{background:#c00 url(../img/global/portail/portail-automobile.png) 98% 50% no-repeat;}
#portail h4.portail-jeux{background:#c00 url(../img/global/portail/portail-jeux.png) 98% 50% no-repeat;}
#portail h4.portail-sexy{background:#c00 url(../img/global/portail/portail-sexy.png) 98% 50% no-repeat;}
#portail h4.portail-sexe{background:#c00 url(../img/global/portail/portail-sexe.png) 98% 50% no-repeat;}
#portail h4:hover, #column-left #portail h4.ui-state-active{cursor:pointer;background-color:#fff;color:#c00;border:1px solid #AA1101;}
#portail div{padding-bottom:5px;}
#portail ul{list-style:none;padding:0;margin:1px 0;}
#portail ul li{background-color:#e5e5e5;margin:3px 0;}
#portail ul li a{color:#5a5a5a;font-size:11px;font-weight:bold;padding-left:3px;line-height:24px;}
/***********************/
#colonnecentre{
	width: 493px;
	float:left;
	text-align:left;
	margin:3px 0 8px 0;
}
#colonnecentre .titre{
	margin: 0 0 10px 0px;
	text-align:left;
	overflow:hidden;
}
#colonnecentre h1{
	color:#c20217;
	font-weight:bold;
	font-size:25px;
	margin:0;
}
#colonnecentre .by{
	color:#585858;
	margin:0 0 10px 0;
	font-size:12px;
	font-weight:normal;
	border-bottom:1px solid #9c6e59;
	width:100%;
}
#colonnecentre .by a{
	color:#585858;
	text-decoration:none;
}
/************************************************************************************************************************/
#colonnedroite{
	width: 300px;
	float:left;
	margin:0 0 0 0px;
}
#colonnedroite .video{
	width: 300px;
	height: 250px;
	margin:0 0 10px 0;
}
/******************************* necessaire sur certaines homes *******************************************************/
div.onglet div.intitule{
	color:#635046;
	background: transparent url(../img/global/onglet.png) no-repeat top left;
	padding-left:8px;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	width:222px;
	height:37px;
	line-height:37px;
}
#form_ast{
	background:url(../img/aide/astuce_recherche.jpg) no-repeat left center;
	width:370px;
	height: 45px;
	margin:10px auto;
	text-align:center;
}
.home_liste{
	margin:0 auto;
}
.home_liste .header{
	background-color:#000000;
	color:#FFFF00;
	font-size:11px;
	font-style:italic;
	font-weight:bold;
	text-transform:uppercase;
	height:20px;
	text-indent:10px;
	line-height:180%;
}
.home_liste .bodier{
	background:none repeat scroll 0 0 #FBFBFB;
	overflow:hidden;
	padding:2px 0;
}
.home_liste .footer{
	border:1px solid #FBFBFB;
	background:none repeat scroll 0 0 #ECECEC;
	font-size:12px;
	font-style:italic;
	height:20px;
	line-height:20px;
	padding:0 10px;
	text-align:right;
}
.home_liste .footer a{
	color:#635046;
	text-decoration:none;
}
.home_liste .img{
	width:248px;
	height:100%;
	overflow:hidden;
	float:left;
}
.home_liste .img img{
	height:100%;
}
.home_liste .text{
	width:231px;
	height:100%;
	float:left;
}
.home_liste .tri{
	width:154px;
}
.home_liste .text ul{
	padding:0px;
	list-style:inside none;
	margin:0;
}
.home_liste .text li{
	height:20px;
	font-style:italic;
	font-size:13px;
	padding-left:8px;
}
.home_liste .text a{
	color:#CC0000;
	text-decoration:none;
}
/*.home_liste .text a:hover{
	color:#990000;
}*/
#home_liste .bodier{
	height:400px;
}
/**************************************/
.home_liste2{
	margin:5px 0;
	height:170px;
	width:491px;
	font-size:12px;
	overflow:hidden;
}
.home_liste2 .text{
	width:291px;
	height:150px;
	float:left;
}
.home_liste2 .header{
	height:30px;
}
.home_liste2 .liste{
	height:120px;
	padding:0;
	margin:0;
	overflow:hidden;
}
.home_liste2 ul{
	list-style:inside;
}
.home_liste2 .liste .li{
	height:40px;
	padding-left:10px;
	/*background:url(../img/point_blanc.gif) no-repeat left center;*/
}
.home_liste2 .liste table{
	height:40px;
}
.home_liste2 .liste .first,.home_liste2 .liste .first:hover{
	background:#000000;
	color:#FFFFFF;
	/*background:url(../img/point.gif) no-repeat left center;*/
}
.home_liste2 .liste .first a{
	color:#FFFFFF;
}
.home_liste2 .liste a{
	color:#000000;
	text-decoration:none;
}
.home_liste2 .liste a:hover{
	color:#FFFFFF;
}
.home_liste2 .img{
	float:left;
	overflow:hidden;
	height:150px;
	width:200px;
}
.home_liste2 img{
	border:none;
}
.home_liste2 .footer{
	float:left;
	text-align:right;
	width:491px;
	height:18px;
}
.home_liste2 .footer a{
	color:#FFFFFF;
	font-weight:bold;
	padding-left: 18px;
	padding-right:5px;
	background:#000000;
}
/******************************* BOITES avec bordure rouge ************************************************************/
#info{
	text-align:left;
	margin-top: 10px;
	width:100%;
}
.border{
	float:left;
	border: 1px solid #FF9999;
	padding:1px;
}
.border .table{
	padding: 5px;
	border:2px solid #CC0000;
	overflow:hidden;
}
.border .table a{
	text-decoration:none;
	color:#000000;
}
.border .table strong a{
	color:#CC0000;
}
.border .table img{
	height: 75px;
	margin: 5px 10px 5px 0;
	border:none;
	float:left;
}
.border .table h2{
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	font-weight:bold;
	font-style:normal;
	margin: 0 0 0 10px;
	color:#CC0000;
}
.border .table hr{
	background-color:#CC0000;
	border: 1px solid #cc0000;
}
/******************************* BOITES "le saviez-vous" **************************************************************/
.en_plus{
	width: 300px;
	float:left;
	margin: 5px 1px 5px 1px;
	font-size:13px;
}
.pub{
	width: auto;
	float:left;
}
.en_plus .header{
	height: 23px;
	color:#FFFFFF;
	font-size:14px;
	font-style:italic;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:23px;
	padding: 0 0 0 10px;
	margin:0;
	text-transform:uppercase;
	background:url(../img/global/recette_variante.png) no-repeat left top;
}
.en_plus .bodier{
	padding:5px;
	color:#000000;
	background-color:#f2f2f2;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
	overflow:hidden;
	/*height:110px;*/
}
.en_plus .bodier img{
	margin:5px 0;
}
.en_plus .bodier p{
	margin:5px 0;
}
.en_plus a{
	text-decoration:none;
	font-style:italic;
	color:#CC0000;
}
.en_plus .footer{
	padding:5px 5px 5px 110px;
	background-color:#f2f2f2;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
}
.en_plus .footer a{
	font-size:13px;
}
a.suite{
	color:#c20217;
	font-size:12px;
	background: transparent url(../img/recette/suite.png) no-repeat center left;
	padding-left:20px;
}
#colonnedroite img{
	border:none;
}
#img img{
	border:none;
}
#footer{
	line-height:25px;
	font-size:12px;
	width:970px;
	margin:auto;
	text-align:center;
	color:#ffffff;
}
#footer a{
	color:#ffffff;
	text-decoration:none;
}
#chocolatnoir{
	height:10px;
	background:#3f2f32;
}
#foot{
	background:transparent url(../img/global/pointchocolat.png) repeat top left;
}
#foot ul{
	list-style:inside none;
	padding:0;
	margin:0;
}
#foot ul li{
	display:inline;
	margin:0 5px;
}
/*************************************** FLASH ****************************************/
#home{
	background:#FFFFFF;
	margin:10px 2px 10px 10px;
}
#home a{
	width:482px;
	height:200px;
	position:relative;
	left:0;
	top:-200px;
	display:block;
}
/*************************************** CONVERTISSEUR ********************************/
#convertisseur_window{
	width:230px;
	margin:auto;
	height:240px;
	background:#000000 url(../img/convertisseur2.jpg) left center;
}
#temperature{
	float:left;
	position:absolute;
	top:60px;
	padding-left:15px;
}
#masse{
	float:left;
	position:absolute;
	top:120px;
	padding-left:15px;
}
#volume{
	float:left;
	position:absolute;
	top:180px;
	padding-left:15px;
}
#convertisseur_window input{
	width:90px;
	height:13px;
}
#convertisseur_window select{
	width:100px;
	height:16px;
	font-size:10px;
}
/*************** CREDIT PHOTO ****************************/
div.credit{
	text-align:center;
	overflow:hidden;
	width:100%;
}
div.credit span{
	font-size:9px;
	color:#666666;	
}
