p.texte {
background-color: #ffffff;
font-variant: inherit;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
font-size: 10pt;}


body {
	margin: 0;
	padding: 0;
 	text-align: left;
	background-color: #FCB31B;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;}
	
.lien {
	color: #000000;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	text-decoration: none;}
	
.lien:hover {
	color: #000000;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 9pt;
	font-weight: bold;
text-decoration: underline;}


#accueil {
position: absolute;
top: 50px;
left: 50px;
width: 800px;
height: 600px;
color : yellow; 
}
#sousTitre {
position: absolute;
font-weight: bold;
font-size: 9pt;
top: 339px;
left: 566px;
}


#bdho {
background-image: url(FR/gif/bdho.gif);
height: 115px;
background-repeat: no-repeat;
}

#bdhogb {
background-image: url(GB/gif/bdho.gif);
height: 115px;
background-repeat: no-repeat;
}

#bdhosp {
background-image: url(SP/gif/bdho.gif);
height: 115px;
background-repeat: no-repeat;
}

#bdhoit {
background-image: url(IT/gif/bdho.gif);
height: 115px;
background-repeat: no-repeat;
}

#vertipresent {
background-image: url(FR/gif/verti-present.gif);
width: 285px;
height: 515px;
}

#vertiproduit {
background-image: url(FR/gif/verti-produits.gif);
width: 285px;
height: 515px;
}

#titreproduit {
color: #000000;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 14pt;
font-style: italic;
top: 142px;
width: 400px;
position: absolute;
left: 411px;}

#vertiliens {
background-image: url(FR/gif/verti-liens.gif);
width: 285px;
height: 515px;
}

#page{
position: absolute;
left: 50%;
top: 50%;
width: 800px;
height: 700px;
margin-left: -400px;
margin-top: -350px;
text-align: left;}


#btaccueil {
position: absolute; 
top: 98px;
left: 150px;
}

#btpresent {
position: absolute; 
top: 98px;
left: 265px;
}

#btproduits {
	position: absolute;
	top: 98px;
	left: 395px;
	width: 132px;
}

#btliens {
position: absolute; 
top: 98px;
left: 567px;
}

.lienbt {
color: #ffffff;
text-decoration: none;
font-weight: bold;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 8pt;
letter-spacing: -1px;}


.lienbt:hover {
color: #fcb31b;
text-decoration: none;
font-weight: bold;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 8pt;
letter-spacing: -1px;}

#adresse {
background-color: #4d4b1b;
color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: bold;
width: 800px;
text-align: center;
position: absolute;}


#txtpresent {
color: #000000;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 9pt;
text-decoration: none;
position: absolute;
left: 310px;
top: 190px;
width: 300px;}

#txtliens {
color: #000000;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 9pt;
text-decoration: none;
position: absolute;
left: 310px;
top: 190px;
width: 500px;
font-weight: bold;}

#copyright {
color: #4a4a4a;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 7pt;
text-decoration: none;
position: absolute;
left: 100px;
top: 550px;
width: 500px;}

#geosignal {
color: #4a4a4a;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 7pt;
text-decoration: none;
position: absolute;
left: 100px;
top: 530px;
width: 500px;}

li {
white-space: normal;
list-style-image: url(FR/gif/puce.gif);
margin-bottom: 1em;}


#bddroite {
text-align: left;
background-color: #fdc44d;
padding: 5px;
font-size: 7pt;
font-family: Verdana, Helvetica, Arial, sans-serif;
width: 150px;
height: 505px;
position: absolute;
top: 115px;
left: 640px;}

#duriava {
background-image: url(FR/gif/duriava.gif);
width: 40px;
height: 47px;
position: relative;
background-repeat: no-repeat;}

#boss {
background-image: url(FR/gif/boss.gif);
width: 40px;
height: 47px;
position: relative;
background-repeat: no-repeat;}

#crispel {
background-image: url(FR/gif/crispel.gif);
width: 40px;
height: 47px;
position: relative;
background-repeat: no-repeat;}

#cabrillana {
background-image: url(FR/gif/cabrillana.gif);
width: 40px;
height: 47px;
position: relative;
background-repeat: no-repeat;}

#fedensieu {
background-image: url(FR/gif/fedensieu.gif);
width: 40px;
height: 47px;
position: relative;
background-repeat: no-repeat;}


#photo1 {
background-image: url(FR/gif/courtiers.gif);
width: 152px;
height: 98px;
position: absolute;
top: 190px;
left: 118px;}

#legende1 {
position: absolute;
color: #000000;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 7pt;
text-decoration: none;
top: 291px;
left: 120px;}

#photo2 {
background-image: url(FR/gif/bureau.gif);
width: 152px;
height: 98px;
position: absolute;
top: 325px;
left: 118px;}

#legende2 {
position: absolute;
color: #000000;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 7pt;
text-decoration: none;
top: 426px;
left: 120px;}

#photo3 {
background-image: url(FR/gif/handysize.gif);
width: 152px;
height: 98px;
position: absolute;
top: 460px;
left: 118px;}


#legende3 {
position: absolute;
color: #000000;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 7pt;
text-decoration: none;
top: 560px;
left: 120px;}

.liendrapeau {
	color: #000000;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 7pt;
	font-weight: bold;
	text-decoration: none;}
	
.liendrapeau:hover {
	color: #ffffff;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 7pt;
	font-weight: bold;
	text-decoration: none;}

#drapfrance a{
position: absolute;
width: 40px;
height: 26px;
top: 565px;
left: 363px;
background-image: url(FR/gif/drap-france.gif);}

#entrer {
position: absolute;
top: 595px;
left: 368px;
color: #000000;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 7pt;
font-weight: bold;}

#drapgb a {
position: absolute;
width: 40px;
height: 26px;
top: 565px;
left: 445px;
background-image: url(FR/gif/drap-gb.gif);}

#enter {
position: absolute;
top: 595px;
left: 452px;
color: #000000;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 7pt;
font-weight: bold;}

#drapsp a{
position: absolute;
width: 40px;
height: 26px;
top: 565px;
left: 527px;
background-image: url(FR/gif/drap-spain.gif);}

#entrar {
position: absolute;
top: 595px;
left: 532px;
color: #000000;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 7pt;
font-weight: bold;}

#drapit a{
position: absolute;
width: 40px;
height: 26px;
top: 565px;
left: 609px;
background-image: url(FR/gif/drap-italie.gif);}

#entra {
position: absolute;
top: 595px;
left: 616px;
color: #000000;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 7pt;
font-weight: bold;
}
/*FRANCAIS*/
#prodble a{
position: absolute;
background-image: url(FR/gif/bt-ble.gif);
background-repeat: no-repeat;
width: 65px;
height: 30px;
top: 200px;
left: 168px;}

#prodble a:hover {
position: absolute;
background-image: url(FR/gif/bt-ble_f2.gif);
background-repeat: no-repeat;
width: 65px;
height: 30px;
top: 200px;
left: 168px;}

#prodbledur a{
position: absolute;
background-image: url(FR/gif/bt-bledur.gif);
background-repeat: no-repeat;
width: 103px;
height: 32px;
top: 250px;
left: 168px;}

#prodbledur a:hover {
position: absolute;
background-image: url(FR/gif/bt-bledur_f2.gif);
background-repeat: no-repeat;
width: 103px;
height: 32px;
top: 250px;
left: 168px;}

#prodcereales a{
position: absolute;
background-image: url(FR/gif/bt-cereales.gif);
background-repeat: no-repeat;
width: 231px;
height: 32px;
top: 300px;
left: 168px;}

#prodcereales a:hover {
position: absolute;
background-image: url(FR/gif/bt-cereales_f2.gif);
background-repeat: no-repeat;
width: 231px;
height: 32px;
top: 300px;
left: 168px;}

#prodoleag a{
position: absolute;
background-image: url(FR/gif/bt-oleag.gif);
background-repeat: no-repeat;
width: 115px;
height: 33px;
top: 350px;
left: 168px;}

#prodoleag a:hover {
position: absolute;
background-image: url(FR/gif/bt-oleag_f2.gif);
background-repeat: no-repeat;
width: 115px;
height: 33px;
top: 350px;
left: 168px;}

#prodautre a{
position: absolute;
background-image: url(FR/gif/bt-autres.gif);
background-repeat: no-repeat;
width: 81px;
height: 33px;
top: 400px;
left: 168px;}

#prodautre a:hover {
position: absolute;
background-image: url(FR/gif/bt-autres_f2.gif);
background-repeat: no-repeat;
width: 81px;
height: 33px;
top: 400px;
left: 168px;}

/*ANGLAIS*/
#prodblegb a{
position: absolute;
background-image: url(GB/gif/bt-ble.gif);
background-repeat: no-repeat;
width: 65px;
height: 30px;
top: 350px;
left: 168px;}

#prodblegb a:hover {
position: absolute;
background-image: url(GB/gif/bt-ble_f2.gif);
background-repeat: no-repeat;
width: 65px;
height: 30px;
top: 350px;
left: 168px;}

#prodbledurgb a{
position: absolute;
background-image: url(GB/gif/bt-bledur.gif);
background-repeat: no-repeat;
width: 103px;
height: 32px;
top: 200px;
left: 168px;}

#prodbledurgb a:hover {
position: absolute;
background-image: url(GB/gif/bt-bledur_f2.gif);
background-repeat: no-repeat;
width: 103px;
height: 32px;
top: 200px;
left: 168px;}

#prodcerealesgb a{
position: absolute;
background-image: url(GB/gif/bt-cereales.gif);
background-repeat: no-repeat;
width: 231px;
height: 32px;
top: 300px;
left: 168px;}

#prodcerealesgb a:hover {
position: absolute;
background-image: url(GB/gif/bt-cereales_f2.gif);
background-repeat: no-repeat;
width: 231px;
height: 32px;
top: 300px;
left: 168px;}

#prodoleaggb a{
position: absolute;
background-image: url(GB/gif/bt-oleag.gif);
background-repeat: no-repeat;
width: 115px;
height: 33px;
top: 250px;
left: 168px;}

#prodoleaggb a:hover {
position: absolute;
background-image: url(GB/gif/bt-oleag_f2.gif);
background-repeat: no-repeat;
width: 115px;
height: 33px;
top: 250px;
left: 168px;}

#prodautregb a{
position: absolute;
background-image: url(GB/gif/bt-autres.gif);
background-repeat: no-repeat;
width: 81px;
height: 33px;
top: 400px;
left: 168px;}

#prodautregb a:hover {
position: absolute;
background-image: url(GB/gif/bt-autres_f2.gif);
background-repeat: no-repeat;
width: 81px;
height: 33px;
top: 400px;
left: 168px;}

#vertipresentgb {
background-image: url(GB/gif/verti-present.gif);
width: 285px;
height: 515px;
}

#vertiproduitgb {
background-image: url(GB/gif/verti-produits.gif);
width: 285px;
height: 515px;
}

#vertiliensgb {
background-image: url(GB/gif/verti-liens.gif);
width: 285px;
height: 515px;
}

/*fin GB*/

/*ESPAGNOL*/
#prodblesp a{
position: absolute;
background-image: url(SP/gif/bt-ble.gif);
background-repeat: no-repeat;
width: 100px;
height: 30px;
top: 300px;
left: 168px;}

#prodblesp a:hover {
position: absolute;
background-image: url(SP/gif/bt-ble_f2.gif);
background-repeat: no-repeat;
width: 100px;
height: 30px;
top: 300px;
left: 168px;}

#prodbledursp a{
position: absolute;
background-image: url(SP/gif/bt-bledur.gif);
background-repeat: no-repeat;
width: 150px;
height: 32px;
top: 350px;
left: 168px;}

#prodbledursp a:hover {
position: absolute;
background-image: url(SP/gif/bt-bledur_f2.gif);
background-repeat: no-repeat;
width: 150px;
height: 32px;
top: 350px;
left: 168px;}

#prodcerealessp a{
position: absolute;
background-image: url(SP/gif/bt-cereales.gif);
background-repeat: no-repeat;
width: 231px;
height: 32px;
top: 250px;
left: 168px;}

#prodcerealessp a:hover {
position: absolute;
background-image: url(SP/gif/bt-cereales_f2.gif);
background-repeat: no-repeat;
width: 231px;
height: 32px;
top: 250px;
left: 168px;}

#prodoleagsp a{
position: absolute;
background-image: url(SP/gif/bt-oleag.gif);
background-repeat: no-repeat;
width: 130px;
height: 33px;
top: 200px;
left: 168px;}

#prodoleagsp a:hover {
position: absolute;
background-image: url(SP/gif/bt-oleag_f2.gif);
background-repeat: no-repeat;
width: 130px;
height: 33px;
top: 200px;
left: 168px;}

#prodautresp a{
position: absolute;
background-image: url(SP/gif/bt-autres.gif);
background-repeat: no-repeat;
width: 90px;
height: 33px;
top: 400px;
left: 168px;}

#prodautresp a:hover {
position: absolute;
background-image: url(SP/gif/bt-autres_f2.gif);
background-repeat: no-repeat;
width: 90px;
height: 33px;
top: 400px;
left: 168px;}

#vertipresentsp {
background-image: url(SP/gif/verti-present.gif);
width: 285px;
height: 515px;
}

#vertiproduitsp {
background-image: url(SP/gif/verti-produits.gif);
width: 285px;
height: 515px;
}

#vertilienssp {
background-image: url(SP/gif/verti-liens.gif);
width: 285px;
height: 515px;
}

/*fin SP*/

/*ITALIEN*/
#prodbleit a{
position: absolute;
background-image: url(IT/gif/bt-ble.gif);
background-repeat: no-repeat;
width: 65px;
height: 30px;
top: 200px;
left: 168px;}

#prodbleit a:hover {
position: absolute;
background-image: url(IT/gif/bt-ble_f2.gif);
background-repeat: no-repeat;
width: 65px;
height: 30px;
top: 200px;
left: 168px;}

#prodbledurit a{
position: absolute;
background-image: url(IT/gif/bt-bledur.gif);
background-repeat: no-repeat;
width: 133px;
height: 32px;
top: 250px;
left: 168px;}

#prodbledurit a:hover {
position: absolute;
background-image: url(IT/gif/bt-bledur_f2.gif);
background-repeat: no-repeat;
width: 133px;
height: 32px;
top: 250px;
left: 168px;}

#prodcerealesit a{
position: absolute;
background-image: url(IT/gif/bt-cereales.gif);
background-repeat: no-repeat;
width: 231px;
height: 32px;
top: 350px;
left: 168px;}

#prodcerealesit a:hover {
position: absolute;
background-image: url(IT/gif/bt-cereales_f2.gif);
background-repeat: no-repeat;
width: 231px;
height: 32px;
top: 350px;
left: 168px;}

#prodoleagit a{
position: absolute;
background-image: url(IT/gif/bt-oleag.gif);
background-repeat: no-repeat;
width: 115px;
height: 33px;
top: 300px;
left: 168px;}

#prodoleagit a:hover {
position: absolute;
background-image: url(IT/gif/bt-oleag_f2.gif);
background-repeat: no-repeat;
width: 115px;
height: 33px;
top: 300px;
left: 168px;}

#prodautreit a{
position: absolute;
background-image: url(IT/gif/bt-autres.gif);
background-repeat: no-repeat;
width: 81px;
height: 33px;
top: 400px;
left: 168px;}

#prodautreit a:hover {
position: absolute;
background-image: url(IT/gif/bt-autres_f2.gif);
background-repeat: no-repeat;
width: 81px;
height: 33px;
top: 400px;
left: 168px;}

#vertipresentit {
background-image: url(IT/gif/verti-present.gif);
width: 285px;
height: 515px;
}

#vertiproduitit {
background-image: url(IT/gif/verti-produits.gif);
width: 285px;
height: 515px;
}

#vertiliensit {
background-image: url(IT/gif/verti-liens.gif);
width: 285px;
height: 515px;
}

/*fin IT*/

#panneau {
position: absolute;
width: 361px;
height: 387px;
border: 1px #000000 solid;
text-align: center;
color: #000000;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10pt;
top: 170px;
left: 412px;
bottom: auto;
padding: 10px;}

.lienmail {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 7pt;
text-decoration: underline;
color: #000000;}