﻿h3{
	font-size:0.8em;
}

/*onglets du haut */
#nav_easy ul {
	list-style: none;
	padding: 0;
	position: relative;
	border-bottom: 1px solid #B60000;
	border-left: 1px solid #B60000;
	float: left;
	left: 0px;
	top: auto;

: 1px 0;
	margin: 0;
}
#nav_easy {
	list-style: none;
	padding: 0;
	position: relative;
	border-bottom: 1px solid #B60000;
	border-left: 1px solid #B60000;
	float: left;
	left: 0px;
	top: auto;

: 1px 0;
	margin: 0;
}
#nav_easy a {
	display: block;
	text-decoration: none;
	padding: 5px 20px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #B60000;
	font-family: "Trebuchet MS", helvetica, sans-serif;
	font-size: 0.8em;
	letter-spacing: 0.2em;
	font-weight: bold;
	position: relative;
	
}

#nav_easy li {
	position: relative;
	float: left;
}
#nav_easy li ul {
	position: absolute;
	left: -999em;
	width: 10px;
	width: 148px;
}
#nav_easy a:hover {
	color: #FFFFFF;
	background: #B60000;
}
/* Indique la page sélectionnée dans le sous-menu du haut pour la différencier*/
.selec{
	color: #FFFFFF;
	background: #B60000;
}

/*Les autres pages du sous-menu du haut */
.autres{
	color: #B60000;

}
/* correspond aux onglets du haut */
/* La taille du menu en fonction de la longueur de l'intitule */
.petit{
	width:105px;
}

.grand{
	width:260px;
}

/* boite à image et description partie conseil*/
#img{
	position: absolute;
	top: 70px;
	left: 320px;
	float: right;
}

#desc_img {
	position:relative;
	left:0px;
	width:300px;
	float:left;
	color:blue;
}
/* sous description conseil */
#bas_page {
	position:relative;
	left:0px;
	width:300px;
}

/*Patates client ainsi que les textes qui l'accompagnent*/
#real1{
	background-image:url('Images/pataterouge.gif') ;
	background-repeat:no-repeat;
	position:relative;
	width:280px;
	float:right;
	top:0px;
	height:312px;
}

.texte_real1{
	position:absolute;
	top:32px;
	right:30px;
	width:180px;
}


#real2{
	background-image:url('Images/patateverte.gif') ;
	background-repeat:no-repeat;
	position:relative;
	width:280px;
	float:left;
	left:-115px;
	top:-80px;
	height:397px;
}

.texte_real2{
	position:absolute;
	top:32px;
	right:28px;
	width:180px;
}

.ss_texte{
	position:absolute;
	float:right;
	top:60px;
	right:10px;
	width:220px;

}

#real3{
	background-image:url('Images/patatebleue.gif') ;
	background-repeat:no-repeat;
	position:relative;
	width:280px;
	float:left;
	top:140px;
	left:-137px;
	height:390px;
}

.texte_real3{
	position:absolute;
	top:30px;
	left:20px;
	width:200px;
}

.ss_texte2{
	position:absolute;
	float:left;
	top:60px;
	left:37px;
	width:220px;

}

#real4{
	background-image:url('Images/patatejaune.gif') ;
	background-repeat:no-repeat;
	position:absolute;
	width:270px;
	right:0px;
	top:450px;
	float:right;
	height:355px;
}

.texte_real4{
	position:absolute;
	top:30px;
	left:20px;
	width:200px;
}

.ss_texte3{
	position:absolute;
	float:left;
	top:60px;
	left:36px;
	width:220px;

}


/* Style des pop-up offre  */
#offre{
background-image:url('Images/patatebleue.gif');
background-repeat:no-repeat;
height:390px;
width:275px;
}

#offre2{
background-image:url('Images/patatebleue2.gif');
background-repeat:no-repeat;
height:510px;
width:275px;
}


.par_offre{
	position:absolute;
	top:100px;
	left:40px;
	width:220px;
}

.par_offre2{
	position:absolute;
	top:100px;
	left:45px;
	width:220px;
}

#qualite {
position:absolute;
top:110px;
left:365px;
	background-image:url('Images/rond.jpg');
	background-repeat:no-repeat;
	width:300px;
	height:320px;
}

.qual {
	position:absolute;
	top:30px;
	left:75px;
	width:180px;

}

/*Fin de la CSS*/
