body{margin: 0; padding: 0; background-color:#C8D2C8;}

div#container 
{
	width: 766px;
	height: 750px;
	margin: auto;
	background-repeat: no-repeat;
	background-image:url("t.png");
}

div#container_menu
{
	width: 578px;
	height: 44px;
	position:relative;
	top:36.5%;
	left:12%;
}

div#footer
{
	position:relative;
	top:38%;
	left:25%;
	font-size:12px;
}

#container_menu p
{
	color:rgb(129,194,219);
}

span.white_h3
{
	color:white;
}

#recettes h4
{
	color:white;
	font-size:9px;
}

h3
{
	font-size:12px;
}

#recettes h3, #other h3, #titre_add h3
{
	float:left;
	background: url('./image/puce1.png') no-repeat;
	padding: 1.5% 0 0 10%;
    margin: 5% 6% 1.5em 10%;
}

#option_recette a
{
	font-size:14px;
}

div#titre_recette
{
	position:relative;
	width:100%;
	height:12%;
	float:left;
}

div#newsletter
{
	float:left;
	position:relative;
	width:100%;
	height:32%;
}

div#recette1
{
	float:left;
	position:relative;
	width:100%;
	height:28%;
}

div#recette2
{
	float:left;
	position:relative;
	width:100%;
	height:28%;
}

div#recette1_date
{
	position:relative;
	left:10%;
}

div#recette2_date
{
	position:relative;
	left:10%;
}

div#recette1_text
{
	position:relative;
	left:10%;
	max-width:85%;
	height:55%;
	font-size:12px;
}

div#recette2_text
{
	position:relative;
	left:10%;
	width:85%;
	height:55%;
	font-size:12px;
}

div#champ_newsletter
{
	position:relative;
	left:5%;
	width:90%;
	height:50%;
	font-size:12px;
}

div#global
{
	margin:0px;
	padding:0px;

}

div#body
{
	width: 578px;
	height: 349px;
	position:relative;
	top: 37%;
	left: 12%;
}

div#recettes
{
	float:left;
	width: 35%;
	height: 100%;
}

div#alsacuisine
{
	float:left;
	width: 65%;
	height: 45%;
}

div#titre_alsacuisine
{
	position:relative;
	float:left;
	width:90%;
	height:20%;
	left:10%;
}

div#alsacuisine_text
{
	float:left;
	position:relative;
	width:90%;
	height:40%;
	left:10%;
	font-size:12px;
	
}

div#link_list_alsacuisine
{
	float:left;
	position:relative;
	width:90%;
	height:40%;
	left:10%;
}

#link_list_alsacuisine ul {
	margin: 0;
	list-style: none;
	padding: 6px 0 8px 0;
	clear: both;
}

#link_list_alsacuisine li {
	color: #fff;
	width: 49%;
	display: inline-block;
	text-align: left;
	margin: 0 0 0.2em 0;
	cursor: pointer;
}

a
{
	color:white;
	font-size:12px;
}

div#other
{
	float:left;
	width: 65%;
	height: 55%;
}

div#accueil
{
	float:left;
	width: 124px;
	height: 42px;
}

div#accueil_logo
{
	position:relative;
	top:15%;
	left:10%;
	width: 34px;
	height: 36px;
	float:left;
	background-repeat: no-repeat;
	background-image:url("./image/p_accueil_off.png");
}

div#accueil_logo_on
{
	position:relative;
	top:15%;
	left:10%;
	width: 34px;
	height: 36px;
	float:left;
	background-repeat: no-repeat;
	background-image:url("./image/p_accueil_on.png");
}

div#accueil_text
{
	position:relative;
	right:20%;
	float:right;
}

div#recherche
{
	float:left;
	width: 113px;
	height: 42px;
}

div#recherche_logo
{
	position:relative;
	top:15%;
	left:5%;
	width: 34px;
	height: 36px;
	float:left;
	background-repeat: no-repeat;
	background-image:url("./image/p_rechercher_off.png");
}

div#recherche_text
{
	position:relative;
	right:8%;
	float:right;
}

div#soumettre
{
	float:left;
	width: 110px;
	height: 42px;
}

div#soumettre_logo
{
	position:relative;
	top:15%;
	left:5%;
	width: 34px;
	height: 36px;
	float:left;
	background-repeat: no-repeat;
	background-image:url("./image/p_soumettre_off.png");
}

div#soumettre_logo_on
{
	position:relative;
	top:15%;
	left:5%;
	width: 34px;
	height: 36px;
	float:left;
	background-repeat: no-repeat;
	background-image:url("./image/p_soumettre_on.png");
}

div#soumettre_text
{
	position:relative;
	right:8%;
	float:right;
}

div#partenaires
{
	float:left;
	width: 109px;
	height: 42px;
}

div#partenaires_logo
{
	position:relative;
	top:15%;
	left:2%;
	width: 34px;
	height: 36px;
	float:left;
	background-repeat: no-repeat;
	background-image:url("./image/p_partenaire_off.png");
}

div#partenaires_text
{
	position:relative;
	right:6%;
	float:right;
}

div#contact
{
	float:left;
	width: 120px;
	height: 42px;
}

div#contact_logo
{
	position:relative;
	top:15%;
	left:8%;
	width: 34px;
	height: 36px;
	float:left;
	background-repeat: no-repeat;
	background-image:url("./image/p_contact_off.png");
}

div#contact_text
{
	position:relative;
	right:15%;
	float:right;
}

div#principe
{
	float:left;
	width:50%;
	height:100%;
}

div#nos_partenaires
{
	float:left;
	width:50%;
	height:100%;
}

div#image_partenaire
{
	background-repeat: no-repeat;
	background-image:url("./image/partenaire.png");
	position:relative;
	left:15%;
	top:17%;
	width:133px;
	height:154px;
}

#add
{
	width:100%;
	height:100%;
}

#titre_add
{
	width:45%;
	height:10%;
}

#ingredients
{
	width:25%;
	height:60%;
	float:right;
}

#difficulte
{
	width:70%;
	height:10%;
	float:right;
}

#contenu_recette
{
	width:70%;
	height:60%;
	float:right;
}

#option_recette
{
	width:35%;
	height:60%;
	float:right;
}