body {
width: 1000px;
position: relative;
margin: 0 auto;
padding: 0;
background: white;
color: black;
font-family: verdana;
}


body#entre a {
display: block;
background-image: url(photos/invite.jpg);
background-position: center;
background-repeat: no-repeat;
width: 600px;
height: 450px;
position: absolute;
top: 50px;
left: 20%;
color: black;
font-weight: bold;
text-decoration: none;
}

body#entre p.entr {
font-size: 80%;
width: 262px;
margin-right: auto;
margin-left: auto;
position: absolute;
top: 480px;
left: 390px;

}


body#entre p a.validation {
background-image: none;
display: block;
position: absolute;
top: 25px;
left: 15px;
width: 80px;
height: 60px;
border-width: 0px;
}

/* ************************ */


/*header*/


#header {
height: 100px;
background-color: black;
background-image: url(environnementsem/fonheader2.jpg);
background-position: top left;
background-repeat: no-repeat;
margin: 0;
padding: 0;
}

#image1 {
position: absolute;
left: 8px;
margin: 0;
margin-top: 4px;
margin-left: 10px;
z-index: 500;
}

#image2 {
float: right;
margin: 0;
}

#header h1 {
text-indent: -5000px;
margin: 0;
line-height: 0;
}

#header p {
position: absolute;
top: 0%;
left: 19%;
width: 630px;
margin: 0;
padding: 0;
text-align: left;
line-height: 100px;
font-size: 1.1em;
color: white;
}

#header p span{
font-weight: bold;
font-size: 1.6em;
color: #FFC400;
}

#header p span#let1 {
font-weight: bold;
font-size: 1.6em;
color: #056177;
}

#header p span#let3 {
font-weight: bold;
font-size: 1.6em;
color: #58B347;
}

/* ************************ */


/*menu*/

#menu {
position: absolute;
top: 100px;
left: 0;
background-color: transparent;
background-image: url(environnementsem/menu31.jpg);
background-position: top left;
background-repeat: no-repeat;
font-weight: bold;
}

#menu ul {
width: 350px;
padding: 0;
padding-top: 130px;
margin: 0;
background-color: transparent;
background-image: url(environnementsem/pied31.gif);
background-position: bottom left;
background-repeat: no-repeat;
padding-bottom: 58px;
z-index: 10;
}

#menu ul li {
position: relative;
display: inline;
padding-top: 10px;
padding-bottom: 10px;
}


#menu ul li div.puce1 {
position: absolute;
left: 9px;
top: 5px;
}

#menu ul li div.puce2 {
position: absolute;
left: 9px;
top: 5px;
}

#menu ul li div.puce3 {
position: absolute;
left: 9px;
top: 5px;
}

#menu ul li div.puce4 {
position: absolute;
left: 9px;
top: 5px;
}

#menu ul li a {
margin: 0;
margin-top: 15px;
padding-left: 37px;
display: block;
width: 193px;
height: 40px;
line-height: 40px;
text-decoration: none;
color: black;
font-size: 1em;
background-color: transparent;
}

#menu ul li a.double {
margin: 0;
margin-top: 20px;
display: block;
width: 193px;
height: 40px;
line-height: 20px;
text-decoration: none;
color: black;
font-size: 1em;
}


#menu ul li a:hover {
color: white;
background-color: transparent;
background-image: url(environnementsem/pied31.gif);
background-position: bottom left;
background-repeat: no-repeat;
}

#menu ul li a.double:hover {
color: white;
background-color: transparent;
background-image: url(environnementsem/pied31.gif);
background-position: bottom left;
background-repeat: no-repeat;
}

#menu ul li a#lien1:hover {
background-color: transparent;
background-position: 0% 2%;
}

#menu ul li a#lien2:hover {
background-color: transparent;
background-position: 0% 3.8%;
}

#menu ul li a#lien3:hover {
background-color: transparent;
background-position: 0% 5.6%;
}

#menu ul li a#lien4:hover {
background-color: transparent;
background-position: 0% 7.5%;
}

#menu ul li a#lien5:hover {
background-color: transparent;
background-position: 0% 9.2%;
}

#menu ul li a#lien6:hover {
background-color: transparent;
background-position: 0% 11%;
}

#menu ul li a#lien7:hover {
background-color: transparent;
background-position: 0% 13%;
}


/* ************************ */


/*encart*/

#tableauencart {
float: right;
margin-top: 20px;  /* anciennement 60px pour alignement */
}

.encart {
background-color: transparent;
width: 200px;
margin: 30px;
margin-bottom: 0px;
margin-left: 40px;
margin-right: 0px;
padding-top : 30px;
background-image: url(photos/posthaut.jpg);
background-position: top left;
background-repeat: no-repeat;
position: relative;
z-index: 1600;

}

.encart h3{
display: block;
font-size: 130%;

margin: 20px;

margin-bottom: 15px;
}

.encart h3 span{
display: block;
float: right;
font-size: 80%;
font-style: italic;
color: black;
}

#bloccadre {
background-image: url(photos/postbas.jpg);
background-position: bottom left;
background-repeat: no-repeat;
padding: 0;
padding-top: 30px;
padding-right: 25px;
padding-bottom: 30px;
}

#bloccadre2 {

background-image: url(photos/postbas2.jpg);
background-position: bottom left;
background-repeat: no-repeat;
padding: 0;
padding-top: 30px;
padding-right: 25px;
padding-bottom: 30px;
}

#bloccadre2 ul {
margin: 0;
margin-left: 1em;
padding: 0;
}

#bloccadre2 ul li {
margin: 0;
list-style-type: none;
}

#bloccadre2 ul li a {
display: block;
margin-left: 8px;
padding-bottom: 10px;  /* anciennement 15px */
color: black;
text-decoration: none;
font-size: 80%;
}

#bloccadre ul {
margin: 0;
margin-left: 1em;
padding: 0;
}

#bloccadre ul li {
margin: 0;
list-style-type: none;
}

#bloccadre ul li a {
display: block;
margin-left: 8px;
padding-bottom: 15px;  /* anciennement 15px */
color: black;
text-decoration: none;
font-size: 80%;
}

#bloccadre ul li a p{
display: block;
height: 15px;
padding: 0;
margin: 0;
color: black;
text-decoration: none;
font-weight: bold;
font-style: italic;
font-size: 120%;
}


#bloccadre ul li a:hover p{
height: 20px;
text-decoration: none;
color: #056177;

font-size: 170%;
}
 
#bloccadre ul li a p#prod{
display: none;
height: 15px;
padding: 0;
margin: 0;
text-decoration: none;
font-weight: normal;
font-style: normal;
font-size: 100%;
}


#bloccadre ul li a:hover p#prod{
display: block;
height: 60px;
margin:5px;
padding-bottom: 15px;
color: #056177;
font-size: 100%;
}



/* ************************ */







/*pub*/

#pub {
display: block;
position: absolute;
top: 720px;
left: 35px;

}




/* ************************ */


/* milieu */

#milieu {
background-color: transparent;
padding-top: 40px;
margin-left: 26%;
margin-right: 20px;
text-align: justify;
position: relative;
z-index: 800;
font-size: 90%;
}

#milieu h1 {
margin-bottom: 30px;
color: #056177;
text-align: left;
}

#milieu h1 span {

font-size: 1.5em;
}

#milieu h2 {
font-size: 1.35em;
color: #58B347;
margin-top: 60px;
margin-bottom: 20px;
}

#milieu h2 span {

font-size: 1.4em;
}

#milieu a {
color: #056177;
text-decoration: none;
}

#milieu a:hover {
color: #58B347;
text-decoration: none;
}

#milieu ul li {
list-style-type: circle;
}

#milieu p span {
font-size: 150%;
font-weight: bold;
color: #58B347;
}

#milieu tr th {
color: white;
}

#milieu tr td.logo {
padding-left: 70px;
}

#milieu tr td.logosup {
padding-left: 140px;
}
/* ************************ */

/* varietes */

#milieu table.var  {
background-color: white;
margin-left: -25px;
}

#milieu table.var1  {
background-color: white;
margin-left: -25px;
font-size: 0.9em;
}

#milieu table.var2  {
background-color: white;
margin-left: -25px;
font-size: 0.8em;
}

#milieu table.var3  {
background-color: white;
margin-left: 0px;
font-size: 1em;
}

#milieu table.var tr td {
text-align: center;
border-width: 1px;
border-style: groove;
border-color: #056177;
}

#milieu table.var tr td.prem {
text-align: left;
}

#milieu table.var1 tr td {
text-align: center;
border-width: 1px;
border-style: solid;
border-color: #056177;
}

#milieu table.var1 tr td.prem {
text-align: left;
}

#milieu table.var2 tr td {
text-align: center;
border-width: 1px;
border-style: solid;
border-color: #056177;
}

#milieu table.var2 tr td.prem {
text-align: left;
}

#milieu table.var3 tr td {
text-align: center;
border-width: 1px;
border-style: solid;
border-color: #056177;
}

#milieu table.var3 tr td.prem {
text-align: left;
}

#milieu table tr.head {
background-color: #0CC6D7;
}

.retour {
display: block;
float: right;
}

#milieu table.legend tr td {
text-align: center;
font-size: 0.6em;
}

#milieu table.legend tr td.prem {
text-align: left;
}

#milieu table.legend tr.head {
background-color: #BFFFF4;
}

#milieu table#qualite tr td {
border-style: solid;
border-width: 20px;
border-color: white;
}

#milieu ul li p.nom {
font-weight: bold;
}

.essais {
float: right;
margin-top: 50px;
margin-left: 20px;
}


/* ************************* */

/* rapide */

table.rapide {
margin-bottom: 50px;
position: relative;
}

table.rapide tr {
display: block;
margin-top: 25px;
padding-bottom:0;
}

table.rapide tr td {
position: relative;
width: 300px;
}

table.rapide a#i1 {
display: block;
margin-bottom: 50px;
margin-left: 50px;
}

table.rapide a#i2 {
display: block;

margin-left: 80px;
}

table.rapide a img {
border-width: 0px;
}

table.rapide tr td#spe1 {
padding-top: 15px;
padding-left: 60px;
padding-bottom: 25px;
}

table.rapide tr td#spe2 {
padding-top: 15px;
padding-left: 40px;
padding-bottom: 25px;
}

table.rapide tr td.spe3 {
padding-top: 15px;
padding-left: 80px;
}

table.rapide tr td.spe4 {
padding-top: 15px;
padding-left: 72px;
}

table.rapide tr td.spe5 {
padding-left: 72px;
padding-top: 15px;
}

table.rapide tr td.spe6 {
padding-top: 15px;
padding-left: 120px;
}

/* ************************ */

/* saisons */

table.saisons {
margin-bottom: 50px;

}

table.rapide tr {
display: block;
margin-top: 25px;
padding-bottom:0;
}

table.rapide tr td {
position: relative;
width: 300px;
}

table.saisons a#i1 {
display: block;

margin-left: 50px;
}

table.saisons a#i2 {
display: block;

margin-left: 50px;
}

table.saisons a img {
border-width: 0px;
}


table.saisons tr td#spe3 {
padding-left: 80px;
padding-top: 25px;
}

table.saisons tr td#spe4 {
padding-left: 72px;
padding-top: 25px;
}




/* ************************ */


/*automne*/

#milieu ul#automne {
position: relative;
width: 707px;
height: 460px;
background-image: url(photos/varietesautomne2.jpg);
background-position: bottom left;
background-color: transparent;
background-repeat: no-repeat;
padding: 0px;
margin: 0px;
margin-top: 40px;
border: 0;
}

#milieu ul#automne li {
list-style-type: none;
position: relative;
z-index: 800;
float: left;
}

#milieu ul#automne li a {
display: block;
width: 100px;
height: 460px;

background-color: transparent;
text-decoration: underline;
text-align: center;
color: black;

}

#milieu ul#automne li a:hover {
color: white;
background-color: transparent;
background-image: url(photos/varietesautomne2.jpg);
background-position: bottom left;
background-repeat: no-repeat;
width: 101px;
}

#milieu ul#automne li a#sp1 {
padding-top: 270px;
height: 190px;
}

#milieu ul#automne li a#sp2 {
padding-top: 180px;
height: 280px;
}

#milieu ul#automne  li a#sp3 {
padding-top: 270px;
height: 190px;
}

#milieu ul#automne  li a#sp4 {
padding-top: 180px;
height: 280px;
}

#milieu ul#automne  li a#sp5 {
padding-top: 270px;
height: 190px;
}

#milieu ul#automne  li a#sp6 {
padding-top: 180px;
height: 280px;
}

#milieu ul#automne  li a#sp7 {
padding-top: 250px;
height: 210px;
}

#milieu ul#automne li a#sp1:hover {
background-color: transparent;
background-position: 0% -1px;
}

#milieu ul#automne li a#sp2:hover {
background-color: transparent;
background-position:  17% -1px;

}

#milieu ul#automne li a#sp3:hover {
color: white;
background-color: transparent;
background-position:  33.4% -1px;
}

#milieu ul#automne  li a#sp4:hover {
background-color: transparent;
background-position:  50% -1px;
}

#milieu ul#automne  li a#sp5:hover {
background-color: transparent;
background-position:  67% -1px;
}

#milieu ul#automne  li a#sp6:hover {
background-color: transparent;
background-position:  83.4% -1px;
}

#milieu ul#automne  li a#sp7:hover {
background-color: transparent;
background-position:  100% -1px;
}

/* ************************ */

/*printemps*/


#milieu ul#printemps {
position: relative;
width: 700px;
height: 460px;
background-image: url(photos/varietesprintemps2.jpg);
background-position: bottom left;
background-color: transparent;
background-repeat: no-repeat;
padding: 0px;
margin: 0px;
margin-top: 40px;
border: 0;
}

#milieu ul#printemps li {
list-style-type: none;
position: relative;
z-index: 800;
float: left;
}

#milieu ul#printemps li a {
display: block;
width: 175px;
height: 460px;
background-color: transparent;
text-decoration: underline;
text-align: center;
color: black;

}

#milieu ul#printemps li a:hover {
color: white;
background-color: transparent;
background-image: url(photos/varietesprintemps2.jpg);
background-position: bottom left;
background-repeat: no-repeat;
width: 175px;
}

#milieu ul#printemps li a#sp1 {
padding-top: 250px;
height: 210px;
}

#milieu ul#printemps li a#sp2 {
padding-top: 180px;
height: 280px;
}

#milieu ul#printemps  li a#sp3 {
padding-top: 270px;
height: 190px;
}

#milieu ul#printemps  li a#sp4 {
padding-top: 180px;
height: 280px;
}


#milieu ul#printemps li a#sp1:hover {
background-color: transparent;
background-position: 0% -1px;
}

#milieu ul#printemps li a#sp2:hover {
background-color: transparent;
background-position:  33% -1px;

}

#milieu ul#printemps li a#sp3:hover {
color: white;
background-color: transparent;
background-position:  67% -1px;
}

#milieu ul#printemps  li a#sp4:hover {
background-color: transparent;
background-position:  100% -1px;
}





/* ************************ */

/*abcedaire*/

table.abcedaire tr td {
display: block;
width: 400px;
}

table.abcedaire tr td a {
font-weight: bold;
}



/* ************************ */

/*pied*/

#pied {
display: block;
height: 200px;
background-image: url(environnementsem/pied.gif);
background-position: bottom left;
background-repeat: no-repeat;
text-align: center;
padding-left: 200px;
font-size: 0.7em;
}

#pied img {
float: right;
margin: 0;
}

#pied a {
color: #087E92;
}